css对div设置边框?

css对div设置边框?,第1张

可以用border-color属性设置span和div的边框颜色,用background属性控制span和div的背景颜色

1、新建html文档,在body标签中添加div标签,然后在div标签中添加一些span标签:

2、添加style标签并定义一个类,为这个类设置border-color属性,属性值为边框的颜色,然后将这个类引用到div和span标签上,这时div和span就被添加上了边框颜色:

3、为之前设置的类添加background属性,属性值为背景颜色,这时div和span就被添加上了背景颜色:

1div上边加1px黑色边框\x0d\x0adiv{border-top:1pxsolid#000}\x0d\x0a\x0d\x0a2给div底部加边框\x0d\x0adiv{border-bottom:2pxdashed#F00}\x0d\x0a\x0d\x0a3在div盒子左侧加边框\x0d\x0a.divcss5{border-left:1pxsolid#00F}\x0d\x0aDIV代码:\x0d\x0a此DIV盒子左侧为1px实线蓝边框\x0d\x0a\x0d\x0a4在盒子div右侧加边框\x0d\x0adiv{border-right:1pxsolid#F00}\x0d\x0a\x0d\x0a5在盒子上下加边框\x0d\x0adiv{border-top:1pxsolid#000border-bottom:1pxsolid#000}\x0d\x0a\x0d\x0a6给div盒子左右加边框\x0d\x0adiv{border-left:2pxdashed#0F0border-right:2pxdashed#0F0}\x0d\x0a\x0d\x0a7给一个DIV四边加上3px实现黑色边框\x0d\x0a\x0d\x0adiv{border:3pxsolid#000}


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11923676.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存