border详解

1，样式

（1）定义四条边样式
eg: border-style: outset solid dotted double;

（2）单独设置一边样式

border-top-style	顶边
border-right-style	右边
border-bottom-style	下边
border-left-style	左边
border-style	四边

2，边框宽度

border-top-width	顶边
border-right-width	右边
border-bottom-width	下边
border-left-width	左边
border-width	四边

3，边框颜色

border-top-color	顶边
border-right-color	右边
border-bottom-color	下边
border-left-color	左边
border-color	四边

简写规则

border-top	顶边
border-right	右边
border-bottom	下边
border-left	左边
border	四边

eg: border-bottom: solid 5px red;

4，圆角边框

border-top-left-radius	上左
border-top-right-radius	上右
border-bottom-left-radius	下载
border-bottom-right-radius	下右

定义不同边圆角（上右下左）
eg： border-radius: 10px 30px 50px 100px;

以上为border的所有属性，还望指教！😉

在此网站内总结：https://doc.houdunren.com/%E7%B3%BB%E7%BB%9F%E8%AF%BE%E7%A8%8B/css/5%20%E7%9B%92%E5%AD%90%E6%A8%A1%E5%9E%8B.html#%E5%9C%86%E8%A7%92%E8%BE%B9%E6%A1%86