哪一个CSS可以实现圆角边框?(2 分) A."{font-size:2px;}" B."{position:absolute}" C."{border:2px solid;}" D."{border:2px solid; border-radius:25px;}"
时间: 2023-07-05 11:36:15 浏览: 194
03CSS3圆角边框登录页面实现.zip
D."{border:2px solid; border-radius:25px;}" 可以实现圆角边框。CSS 的 border-radius 属性用于设置元素的圆角效果,可以设置一个或多个值来控制不同角的圆角程度。例如,以下 CSS 代码实现了一个带有圆角的边框:
```css
.box {
border: 2px solid #ccc;
border-radius: 25px;
}
```
上述代码中,box 类的元素带有 2 像素宽度、灰色边框和 25 像素的圆角效果。border-radius 属性的值可以使用像素、百分比或 em 单位,还可以使用关键字来表示不同的圆角形状,例如:
- border-radius: 25px:所有角都使用 25px 的圆角效果
- border-radius: 25px 10px:左上角和右下角使用 25px 圆角,右上角和左下角使用 10px 圆角
- border-radius: 25px 10px 5px 20px:依次表示左上角、右上角、右下角和左下角的圆角程度
因此,可以通过设置 border-radius 属性来实现圆角边框效果。
阅读全文