在这个实例中我们将所有<p>元素都设置居中对齐,并且把所有<p>元素的字体颜色都设置为红色。主要用到的CSS样式有:
text-align :设置元素的对齐方式。
color:设置字体的颜色。
实例代码:
1 <!doctype html>
2 <html>
3 <head>
4 <meta charset="utf8">
5 <style>
6 p{
7 color:red;
8 text-align:center;
9 }
10 </style>
11 </head>
12 <body>
13 <P>这是第一个p元素字段,显示为居中对齐,并且为字体为红颜色。</P>
14 <P>这是第二个p元素字段,显示为居中对齐,并且字体颜色也为红色</P>
15 </body>
16 </html>
运行效果:
从这个实例中看到,css样式将两个p元素的内容样式改变为居中对齐和字体颜色为红色。
评论