CSS中的边框样式可以通过多种属性进行设置,包括边框的宽度、样式和颜色。以下是一些基本的CSS边框样式代码示例:
```css
/* 设置边框宽度、样式和颜色 */
div {
border-width: 2px; /* 设置边框宽度 */
border-style: solid; /* 设置边框样式,如 solid, dashed, dotted 等 */
border-color: red; /* 设置边框颜色 */
}
/* 可以单独设置每一个边的样式 */
div {
border-top: 2px solid red; /* 设置上边框 */
border-right: 3px dashed blue; /* 设置右边框 */
border-bottom: 4px dotted green; /* 设置下边框 */
border-left: 5px double orange; /* 设置左边框 */
}
/* 使用 border 属性简写形式设置边框 */
div {
border: 5px double orange; /* 设置所有四边的边框宽度、样式和颜色 */
}
```
你也可以通过 `border-radius` 属性设置边框的圆角。这是一个示例:
```css
div {
border: 2px solid red;
border-radius: 10px; /* 设置边框圆角 */
}
```
以上是一些基本的CSS边框样式设置,你可以根据需要组合和修改这些属性来达到你想要的效果。