这个实例我们用color 颜色属性来设置字体的颜色,在这个实例中我们为三个字段分别设置红色,蓝色,橙色。
实例代码:
1 <!doctype html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <style>
6 .red{
7 color:red;
8 }
9 .blue{
10 color:blue;
11 }
12
13 .orange{
14 color:orange;
15 }
16
17
18 </style>
19
20 </head>
21 <body>
22 <h1>这是一个CSS字体颜色实例</h1>
23 <p class="red">这个字段字体颜色为红色</p>
24 <p class="blue">这个字段字体颜色为蓝色</p>
25 <p class="orange">这个字段字体颜色为橙色</p>
26 </body>
27 </html>
运行效果:
评论