CSS 虚线样式
-03-03
效果演示
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 代码:
.introduce {
border:1px dotted gray;
margin:8px 5px 8px 10px;
border-style:dashed;
width:128px;
float:left;
}
border-style 设置为 dashed,即点划线。同样的,double 为双线,groove 为槽状,ridge 为脊状,inset 为凹陷,outset 为凸出。