border-radius: 3px;
时间: 2024-06-21 15:02:43 浏览: 144
border-radius.htc
`border-radius: 3px;` 是CSS(层叠样式表)中用于定义元素边框圆角的属性。这个属性允许你控制元素四个角的圆角半径,"3px" 表示每个角都有3像素的圆角。
例如,在HTML中创建一个div元素,并设置其`border-radius` 属性如下:
```html
<style>
.rounded-box {
width: 150px;
height: 150px;
border: 1px solid black;
border-radius: 3px;
background-color: lightblue;
}
</style>
<div class="rounded-box">这是一个有圆角的div</div>
```
在这个例子中,`.rounded-box` 的边框会有3像素的圆角,使得它的边缘看起来更加柔和而不是直角。
阅读全文