在这个实例中我们将所有<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元素的内容样式改变为居中对齐和字体颜色为红色。
评论