css边框

边框样式

border-style属性

none：默认无边框

dotted：定义一个点线边框

dashed：定义一个虚线边框

solid：定义实线边框

double：定义两个边框，两个边框的宽度和border-width的值相同

groove：定义3D沟槽边框，效果取决于边框的颜色值

ridge：定义3D脊边框，效果取决于边框的颜色值

inset：定义一个3D的嵌入边框，效果取决于边框的颜色值

outset：定义一个3D突出边框，效果取决于边框的颜色值

 

边框宽度

border-width属性

 

边框颜色

border-color属性

 

单独设置各边

border-top/right/bottom/left-style属性

 

圆角边框

border-radius属性

 

border-style属性可以有1~4个值

border-style:A（四面边框）

border-style:A（上下边框） B（左右边框）

border-style:A（上边框） B（左右边框） C（下边框）

border-style:A（上边框） B（右边框） C（下边框） D（左边框）

 

简写属性

border属性（可以设置border-width、border-style、border-color）