这个实例我们来设置css样式边框颜色，使用border 属性来设置边框的颜色。
实例代码：
1 <!doctype html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <style>
6 .red{
7 border:2px solid red;
8 height:28px;
9 width:300px;
10 text-align:center;
11 }
12 .blue{
13 border:2px solid blue;
14 height:28px;
15 width:300px;
16 text-align:center;
17 }
18
19 .orange{
20 border:2px solid orange;
21 height:28px;
22 width:300px;
23 text-align:center;
24 }
25
26
27 </style>
28
29 </head>
30 <body>
31 <h1>这是一个CSS边框实例</h1>
32 <p class="red">这个是红色边框</p>
33 <p class="blue">这个是蓝色边框</p>
34 <p class="orange">这是橙色边框</p>
35 </body>
36 </html>
37
运行效果：
评论