css设置边框圆角,四个角都是20px
时间: 2024-11-25 15:17:38 浏览: 6
div css圆角代码各种圆角表格_圆角边框css圆角
在CSS中,你可以使用`border-radius`属性来设置元素边框的圆角。如果需要四个角都是20像素的圆角,直接指定`border-radius: 20px;`即可。完整的语法如下:
```css
selector {
border-radius: 20px; /* 这里20px是半径,所以每个角都会是20px */
}
```
如果希望更精确地控制每个角的圆角大小,可以分别指定左上、右上、左下、右下的半径,如`border-top-left-radius: 20px;`, `border-top-right-radius: 20px;`, `border-bottom-left-radius: 20px;`, 和 `border-bottom-right-radius: 20px;`。
```css
selector {
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
```
阅读全文