大家知道divcss边框吗?下面我们就给大家详细介绍一下吧!边框的简写方式相比其它生命来说会比较复杂,很多CSSer一开始都容易记混它的简写顺序,如果你想声明一个1像素宽的实线黑色边框,可能会写成:
border-width:1px;
border-style:solid;
border-color:#000;
其实可以写成:
border:1px solid #000;
注意:这里的颜色值已经使用了上面讲过的颜色简写方法了哦。
我们还可以为四个边设置不同的宽度:
border-top-width:1px;
border-right-width:2px;
border-bottom-width:3px;
border-left-width:4px;
可以简写成:
border-width:1px 2px 3px 4px;
最后,我们还可以只设置左和右的边的样式:
border-right:1px solid #000;
border-bottom:1px solid #000;
虽然并没减少多少代码,但暴风彬彬建议写成这样:
border:1px solid #000;
border-width:0 1px 1px 0;
先设置四个边的默认风格,然后声明具体的哪个边要显示。
相信大家已经学会divcss边框了吧!感谢大家对我们网站的支持!
相关推荐:
divcss颜色属性是什么