cssborder-style

CSS的border-style属性用于设置元素的边框样式。该属性可以接受以下的值：

1. none：无边框。

2. hidden：隐藏边框，与none相似，但影响元素的布局。

3. dotted：虚线边框。

4. dashed：虚线边框。

5. solid：实线边框。

6. double：双线边框，中间间隔一段空白。

7. groove：3D凹槽样式的边框。

8. ridge：3D脊样式的边框。

9. inset：3D凹进样式的边框。

10. outset：3D凸出样式的边框。

border-style属性还可以接受多个值，用空格分隔，以指定不同的边框样式。例如，border-style: dashed solid double dotted;会将不同的边框样式应用于不同的边框。

此外，还可以使用border-top-style、border-right-style、border-bottom-style和border-left-style属性来分别设置元素的上、右、下和左边框的样式。

例子：

```css

div {

border-style: dotted;

}

div.box {

border-style: dashed solid double dotted;

}

div#top {

border-top-style: solid;

}

div#right {

border-right-style: dotted;

}

div#bottom {

border-bottom-style: dashed;

}

div#left {

border-left-style: double;

}

```

边框样式的形状、颜色、宽度等可以通过其他CSS属性进行进一步的调整。例如，可以使用border-width属性设置边框的宽度，使用border-color属性设置边框的颜色。

总结一下，CSS的border-style属性用于设置元素的边框样式，可以接受多个值，也可以使用border-top-style、border-right-style、border-bottom-style和border-left-style属性来分别设置不同边的样式。这些边框样式可以与其他边框属性一起使用，以创建各种不同风格的边框效果。