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>
