每一个边框有3个方面:样式、宽度以及颜色:
- 边框样式:Border-style值:
none:默认无边框
dotted:定义一个点线框
dashed:定义一个虚线框
solid:定义实现边界
double:定义两个边界。两个边界的宽度和border-width的值相同
groove:定义3D沟槽边界。效果取决于边界的颜色值
ridge:定义3D 脊边界。效果取决于边界的颜色值
inset:定义一个3D的嵌入边框。效果取决于边界的颜色值
outset:定义一个3D突出边框。效果取决于边界的颜色值
hidden:隐藏边框
效果图:
- 边框宽度:border-width值:
thin:定义细的边框
medium:默认。定义中等的边框
thick:定义粗的边框
效果图:
- 边框颜色:border-color 值:
name:指定颜色的名称,如“red”
RGB:指定RGB值,如“rgb(255,0,0)”
Hex:指定16进制值,如“#ff0000”
效果图:
这是我所学到的CSS Border(边框), 以上就是我的分享。