您现在的位置: 万盛学电脑网 >> 程序编程 >> 网页制作 >> DivCSS教程 >> 正文

divcss边框怎么处理呢

作者:佚名    责任编辑:admin    更新时间:2022-06-22

大家知道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颜色属性是什么