css -border

 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 
 4 <head>
 5     <meta charset="UTF-8">
 6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 8     <title>Document</title>
 9     <style>
10         h1 {
11 
12             /* 上、右、下、左 */
13             border: 1px solid #000;
14             /* 上 */
15             border-top: 1px solid #f00;
16             /* 右 */
17             border-right: 1px solid #f00;
18             /* 下 */
19             border-bottom: 1px solid #f00;
20             /* 左 */
21             border-left: 1px solid #f00;
22 
23             /* 设置border-top-color */
24             border-top-color: #f00;
25             /* 设置border-right-color */
26             border-right-color: #f00;
27             /* 设置border-bottom-color */
28             border-bottom-color: #f00;
29             /* 设置border-left-color */
30             border-left-color: #f00;
31 
32             /* 设置border颜色 */
33             border-color: #ff0;
34 
35             /* 设置border上右、下左颜色 */
36             border-color: #f00 #ff0;
37 
38             /* 边框宽度 */
39             border-width: 3px;
40             /* 默认1px,也就是thin */
41             border-width: thin;
42             /* 上下、左右 */
43             border-width: thin medium;
44             /* 上、左右、下 */
45             border-width:thin medium thick;
46 
47         }
48     </style>
49 </head>
50 
51 <body>
52     <h1>5555555555</h1>
53 </body>
54 
55 </html>

 

posted @ 2018-09-06 10:58  Sunsin  阅读(164)  评论(0)    收藏  举报