border-radius 百分比圆角
时间: 2023-09-28 10:07:28 浏览: 148
css3(border-radius)边框圆角详解
border-radius 属性可以接受百分比值作为圆角半径的单位。这意味着你可以使用百分比值来定义元素的圆角大小,而不必担心元素大小的变化。
例如,如果你想把一个元素的四个角都设置为 50% 的圆角,可以像下面这样写:
```css
border-radius: 50%;
```
这个样式将会把元素的四个角都变成一个完美的圆形。
如果你只想给一个角设置圆角,可以使用下面这种方式:
```css
border-top-left-radius: 50%;
```
这个样式将会把元素左上角的圆角设置为一个完美的圆形,而其他三个角则不变。
阅读全文