none: Defines no border
dotted: Defines a dotted border
dashed: Defines a dashed border
solid: Defines a solid border
double: Defines two borders. The width of the two borders are the same as the border-width value
groove: Defines a 3D grooved border. The effect depends on the border-color value
ridge: Defines a 3D ridged border. The effect depends on the border-color value
inset: Defines a 3D inset border. The effect depends on the border-color value
outset: Defines a 3D outset border. The effect depends on the border-color value
比如以下 CSS 代码:
1 | .introduce { |
2 | border : 1px dotted gray ; |
3 | margin : 8px 5px 8px 10px ; |
4 | border-style : dashed ; |
5 | width : 128px ; |
6 | float : left ; |
7 | } |
border-style 设置为 dashed,即点划线。同样的,double 为双线,groove 为槽状,ridge 为脊状,inset 为凹陷,outset 为凸出。
新闻热点
疑难解答