php hr样式虚线,CSS 虚线样式

CSS 虚线样式

2010-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 为凸出。