要使用 CSS 控制边框样式、半径和颜色,需要使用 border 属性。其中,border-style 属性用于控制边框样式,例如 dashed、dotted、solid 等;border-radius 属性用于控制边框半径,可以设置为具体的像素值或百分比;border-color 属性用于控制边框颜色,可以使用颜色名称、十六进制值或 RGB 值。
例如,如果要给一个 div 元素设置红色实线边框,边框半径为10像素,可以使用如下代码:
div {
border: 2px solid #f00;
border-radius: 10px;
}
其中,#f00 为表示红色的十六进制颜色值,2px 为边框线条宽度,border-radius: 10px 则是设置边框半径为10像素。
另外,还可以分别设置上、右、下、左四个方向的边框样式、宽度、颜色和半径。例如,以下代码可以给左边框设置为蓝色实线,宽度为3像素,半径为5像素:
div {
border-left: 3px solid #00f;
border-left-radius: 5px;
}
其中,border-left 用于设置左边框样式和宽度,border-left-radius 则用于设置左边框半径。