要在 CSS 中设置实线边框和虚线边框,可以使用 `border-style` 属性。
1. 实线边框:
使用 `border-style: solid;` 可以创建一个实线边框。这是默认的边框样式,所以如果没有指定 `border-style`,则将自动应用实线边框。
示例:
.solid-border {
border-style: solid;
}
2. 虚线边框:
使用 `border-style: dashed;` 或 `border-style: dotted;` 可以创建虚线边框。
◇ `dashed:创建一个由短划线组成的虚线边框。
◇ `dotted:创建一个由点组成的虚线边框。
示例:
.dashed-border {
border-style: dashed;
}
.dotted-border {
border-style: dotted;
}
你还可以使用 `border-width` 设置边框的宽度,以及 `border-color` 设置边框的颜色。例如,`border-width: 1px;` 将设置边框宽度为 1 像素,`border-color: red;` 将设置边框颜色为红色。
示例:
.custom-border {
border-style: dashed;
border-width: 2px;
border-color: blue;
}
上面给出的代码将创建一个蓝色的、宽度为 2 像素的虚线边框。
根据需求,你可以组合使用这些属性来创建自定义的边框样式。