border-width · 跟老司机学CSS3

**border-width** * 描述：设置对象边框的宽度。 * 版本：CSS1 * 继承性：无 **语法** ``` border-width: 线宽; ``` 线宽 * 数值：使用数值来设置边框的宽度，如：10px。 * thin：关键词，设置默认细边框。 * medium：关键词，设置默认中等边框 * thick：关键词，设置默认粗边框 **使用说明** 使用数值设置边框宽度时不允许使用负值。提供四个参数值，将按上、右、下、左的顺序作用于四边。提供三个参数值，第一个用于上，第二个用于左、右，第三个用于下。提供两个参数值，第一个用于上、下，第二个用于左、右。如果只提供一个，将用于全部的四边。如果 border-style 设置为 none 或 hidden，border-width 的使用值将为 0。 **代码示例** ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>border-width</title> <style> #container{ width: 50px; height: 50px; border: solid #000000; border-width: 2px 4px 6px 8px; } </style> </head> <body> <div id="container"> </div> </body> </html> ``` ![border-width](https://box.kancloud.cn/b7ff7e30dca53504ebc4d7dd8ec4b716_83x85.png)