border-style属性有哪些

border-style 属性设置元素边框的样式，共有 5 个值：none：移除边框dotted：点状边框dashed：短横线边框solid：实线边框double：双线边框

border-style 属性

border-style 属性用于设置元素边框的样式。它共有 5 个值，可以分别应用于边框的 4 个边或整个边框。

1. none

该值移除边框。

2. dotted

该值创建由点组成的边框。

3. dashed

该值创建由短横线组成的边框。

4. solid

该值创建一条实线边框。

5. double

该值创建两个平行的边框，中间有一条间隙。

用法

border-style 属性可以应用于以下 CSS 选择器：

div {
  border-style: solid;
}

#element {
  border-style: dotted;
}

.class-name {
  border-style: dashed;
}

示例

以下代码将为一个 div 元素创建一条蓝色虚线边框：

div {
  border: 2px dashed blue;
}

以下是每个值的视觉效果：

[图片：展示不同 border-style 值的效果]