css设置圆角
时间: 2023-07-16 16:15:30 浏览: 78
css圆角样式制件代码示例(css设置圆角)
可以使用 CSS 的 `border-radius` 属性来设置圆角,具体使用方法如下:
```css
/* 设置四个圆角都为 10px */
border-radius: 10px;
/* 设置左上角和右下角为 10px,其他圆角为默认值 0 */
border-radius: 10px 0 0 10px;
/* 设置左上角为 50%,其他圆角为默认值 0 */
border-radius: 50% 0 0 0;
```
其中,可以指定 1 个、2 个、3 个或 4 个值,分别对应左上角、右上角、右下角和左下角的圆角半径。如果指定的值不足 4 个,则剩余的值会按照顺序重复使用,例如 `border-radius: 10px 20px` 就相当于 `border-radius: 10px 20px 10px 20px`。还可以使用百分比来指定圆角半径,例如 `border-radius: 50%` 就是将元素变成一个圆形。
阅读全文