首页html同行字体不同色

html同行字体不同色

时间: 2024-09-20 10:02:55 浏览: 62

在HTML中，如果想要让同行的文字显示不同颜色，你可以通过CSS样式来实现。通常的做法是在`<style>`标签内或者外部CSS文件中设置`color`属性，并针对需要不同颜色的元素选择器来指定。例如： ```html <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>不同颜色文字</title> <style> .text1 { color: red; /* 红色文字 */ } .text2 { color: blue; /* 蓝色文字 */ } </style> </head> <body> <p class="text1">这是一段红色文字。</p> <p class="text2">这是一段蓝色文字。</p> </body> </html> ``` 在这个例子中，`.text1`和`.text2`选择器分别设置了对应的文字颜色。将文本包裹在`<p>`标签并添加相应的类名即可实现同行文字的不同颜色。

阅读全文