实例代码:
1 <!doctype html>
2
3 <html>
4 <head>
5 <meta charset="utf8">
6 <style>
7 div{
8 width:300px;
9 height:100px;
10 }
11 P.center{
12 color:red;
13 text-align:center;
14
15 }
16 p.large{
17 font-size:37px;
18 }
19 </style>
20
21 </head>
22 <body>
23 <div>
24 <h1 class="center">这个标题不受影响</h1>
25 <p class="center">本段将是红色并居中对齐。</p>
26 <p class="center large">本段将是红色，居中对齐，并使用大字体。</p>
27 </div>
28 </body>
29 </html>
运行效果：
评论