CSS边框样式可以通过`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外嵌边框。
除了`border-style`属性，还可以使用`border-width`和`border-color`属性来分别设置边框的宽度和颜色。
以下是一个示例，展示如何设置元素的边框样式、宽度和颜色：
div {
border-style: solid;
border-width: 2px;
border-color: red;
}
上述代码将``元素的边框设置为实线样式，宽度为2像素，颜色为红色。
还可以使用`border`属性来同时设置边框的样式、宽度和颜色，例如：
div {
border: 2px solid red;
}
上述代码与前面的示例效果相同，但使用了`border`属性来简写边框的样式、宽度和颜色。
需要注意的是，CSS还支持分别设置元素的上下左右四个方向的边框样式、宽度和颜色，例如：
div {
border-top-style: dashed;
border-right-width: 3px;
border-bottom-color: blue;
border-left: 1px dotted green;
}
上述代码分别设置了``元素的顶部边框为虚线样式，右侧边框宽度为3像素，底部边框颜色为蓝色，左侧边框为1像素点状样式且颜色为绿色。
