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; 也是允许的