css border-style属性

CSS border-style属性用于设置元素边框的样式。

语法：

border-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

属性值：

- none：没有边框
- hidden：与none相同，但是如果设置了border-width，则会产生一个不可见的边框
- dotted：点状边框
- dashed：虚线边框
- solid：实线边框
- double：双线边框，两条实线之间有一条空白线
- groove：3D凹槽边框，看起来像是在元素上凿出了一个凹槽
- ridge：3D脊边框，看起来像是在元素上凸起了一条脊
- inset：3D内嵌边框，看起来像是元素内部嵌入了一条边框
- outset：3D外嵌边框，看起来像是元素外部有一条凸起的边框
- initial：将边框样式设置为默认值
- inherit：继承父元素的边框样式

示例：

div {
  border-style: solid; /* 实线边框 */
  border-width: 2px; /* 边框宽度 */
  border-color: red; /* 边框颜色 */
}

效果：