border-style
时间: 2023-08-25 21:17:07 浏览: 38
`border-style` 是 CSS 属性之一,它用于设置边框的样式。常用的属性值包括:`none`(无边框)、`solid`(实线边框)、`dotted`(点状边框)、`dashed`(虚线边框)等。例如:
```css
border-style: solid; /* 实线边框 */
border-style: dotted; /* 点状边框 */
border-style: dashed; /* 虚线边框 */
border-style: none; /* 无边框 */
```
相关问题
border-style:的样子
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外嵌边框。
以下是一些示例:
```css
.border-example {
border-style: dotted; /* 点状边框 */
}
.border-example {
border-style: dashed; /* 虚线边框 */
}
.border-example {
border-style: solid; /* 实线边框 */
}
.border-example {
border-style: double; /* 双线边框 */
}
.border-example {
border-style: groove; /* 3D凹槽边框 */
}
.border-example {
border-style: ridge; /* 3D凸槽边框 */
}
.border-example {
border-style: inset; /* 3D内嵌边框 */
}
.border-example {
border-style: outset; /* 3D外嵌边框 */
}
```
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:继承父元素的边框样式
示例:
```css
div {
border-style: solid; /* 实线边框 */
border-width: 2px; /* 边框宽度 */
border-color: red; /* 边框颜色 */
}
```
效果:
![border-style](https://cdn.jsdelivr.net/gh/1071942338/pictures/Typora_Images/20210826224403.png)