1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 7 <title>Document</title> 8 <style> 9 body{ 10 text-align: center; 11 } 12 13 h1{ 14 width: 80px; 15 height: 80px; 16 background-color: #000; 17 display: inline-block; 18 19 /* 四周圆角为10px */ 20 border-radius: 10px; 21 /* 上左，下右圆角为10px */ 22 border-radius: 10px 0; 23 /* 上右，下左圆角为10px */ 24 border-radius: 0 10px; 25 /* 四周圆角为10px */ 26 border-radius: 10px 10px 10px; 27 /* 左上角10px圆角、右上角10px圆角、右下角10px圆角、左下角0px圆角 */ 28 border-radius: 10px 10px 10px 0; 29 30 31 32 33 /* CSS多个参数一般依照上、右、下、左来排序... */ 34 35 /* 一般来说,单位都可以用，例如px、em、%.... */ 36 /* 建议为0的参数,不要加单位 */ 37 38 } 39 </style> 40 </head> 41 <body> 42 <h1>0005</h1> 43 </body> 44 </html>