🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
**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)