border · 跟老司机学CSS3

**border** * 描述：复合属性。设置对象所有的边框属性。 * 版本：CSS1 * 继承性：无 **语法** 复合属性的每个属性的值在独立属性中查看。 ``` border: border-width | border-style | border-color; ``` * border-width：设置边框的宽度。 * border-style：设置边框的样式。 * border-color：设置边框的颜色。 * inherit：设置从父元素继承 border 的属性。 **使用说明** 使用该复合属性对边框进行了设置，如果想重新设置单个属性，需要把单个属性设置写在符合属性之后。 **代码示例** ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>border</title> <style> #container{ width: 50px; height: 50px; border: 3px dashed #ff6600; } </style> </head> <body> <div id="container"> </div> </body> </html> ``` 效果图 ![border效果图](https://box.kancloud.cn/15abc2e31212006da19f9fb6f4f0d1a4_84x80.png)