css border的样式
时间: 2023-09-13 10:07:30 浏览: 219
css样式
5星 · 资源好评率100%
CSS border 属性用于设置 HTML 元素的边框样式。
常用的 CSS border 样式包括:
- solid:实线边框
- dotted:点状边框
- dashed:虚线边框
- double:双线边框
- groove:凹槽边框
- ridge:脊状边框
- inset:内凹边框
- outset:外凸边框
以下是设置边框样式的示例代码:
```css
border-style: solid; /* 实线边框 */
border-style: dotted; /* 点状边框 */
border-style: dashed; /* 虚线边框 */
border-style: double; /* 双线边框 */
border-style: groove; /* 凹槽边框 */
border-style: ridge; /* 脊状边框 */
border-style: inset; /* 内凹边框 */
border-style: outset; /* 外凸边框 */
```
你可以通过设置 border-width、border-color 属性来设置边框的宽度和颜色。例如:
```css
border: 1px solid red;
```
这行代码将为元素设置一个 1 像素宽的红色实线边框。
阅读全文