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>