CSS Border(边框)

每一个边框有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”

效果图:

这篇好文章是转载于：学新通技术网