div显示边框显示一条线

<div  style=” border-bottom:solid 1px green; border-left:solid 1px gray; border-right:solid 1px blue; border-top:solid 1px red”></div>

代码解释:border-bottom 下边框    border-left  左边框  

border-right   右边框   border-top上边框

以border-bottom:solid 1px green为例解释:

border 简写属性在一个声明设置所有的边框属性。

可以按顺序设置如下属性:

  • border-width  规定边框的宽度。    

  • border-style    规定边框的样式。

  • border-color   规定边框的颜色

如果不设置其中的某个值,也不会出问题,比如 border:solid #ff0000; 也是允许的

    原文作者:bingguang1993
    原文地址: https://blog.csdn.net/bingguang1993/article/details/83147828
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞