CSS中边框(Border)是指在一个元素外部的边界线,用来控制元素的外观和位置,常用来增加元素的可视性。边框样式可以使用border-style属性来定义,它可以设置边框的样式,如实线、虚线、点线等。
1. border-style属性
border-style属性用来设置边框的样式,它有以下属性值:
- none:无边框
- solid:实线边框
- dotted:点线边框
- dashed:虚线边框
- double:双线边框
- groove:3D凹槽边框
- ridge:3D凸槽边框
- inset:3D内嵌边框
- outset:3D外嵌边框
/* 例如:设置div元素的边框样式为实线 */ div { border-style: solid; }
2. border-width属性
border-width属性用来设置边框的宽度,它可以设置为绝对值(px)或相对值(%),也可以设置为特殊的值:thin、medium、thick等。
/* 例如:设置div元素的边框宽度为1px */ div { border-width: 1px; }
3. border-color属性
border-color属性用来设置边框的颜色,它可以设置为颜色名称、RGB值、十六进制值等。
/* 例如:设置div元素的边框颜色为绿色 */ div { border-color: green; }
4. border简写属性
border属性是border-width、border-style、border-color的简写属性,可以用来设置边框的宽度、样式、颜色。它的属性值可以分别设置,也可以用空格分隔,设置多个属性值。
/* 例如:设置div元素的边框为实线,宽度为1px,颜色为绿色 */ div { border: solid 1px green; }