企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
边框属性就是设置一个盒子的边框线的具体特性。 边框线的特性有3个: * border-style: 线型,属性值通常有:solid(实线), dashed(虚线), dotted(点线) * border-width: 线的粗细,长度单位,比如1px * border-color: 线的颜色,颜色值,比如red, rgb(255, 0, 0), #FF3366 又由于一个盒子的边框有4个方位(top, right, bottom, left),则总体上就至少有12个边框属性,形式为: border-方位-特性,比如: border-top-style, border-top-width,border-top-color, border-right-width, border-left-color,等等。 示例: ``` border-top-style: solid; border-right-color: #FF0000; border-left-width: 2px; ``` 实际上,还有若干个“单边综合属性”,比如: border-top:一次性设置上边框线的特性; border-left:一次性设置左边框线的特性; .... 示例: ``` border-top: 1px solid blue; border-right: 5px dotted green; ``` 应用中,最常用的其实是“border”这一个最大的综合属性,它一次性设置4个边的3个特性,比如: ``` border: 1px solid red; //表示4变的边框线都是宽度为1px的红色实线。 ``` 演示: 以下其实是两个a连接: ![](https://img.kancloud.cn/29/c6/29c64e20f267fc13a6b2093d2b9de7ea_146x48.png) ![](https://img.kancloud.cn/15/d9/15d95176c48439608ae2b4343e94f91c_482x362.png)