css圆角设置方法
1.为元素添加四个相同的圆角:
语法结构:border-radius:r; r为圆角的半径大小 eg:如下样式,给元素添加四个圆角为10px
代码如下: radius div{ width: 100px; height: 100px; background-color: aqua; border-radius: 10px; }
2.为元素创建一个圆角 语法结构: 左上角:border-top-left-radius: r ; 右上角:border-top-right-radius: r ; 左下角:border-bottom-left-radius: r ; 右下角:border-bottom-right-radius: r ; eg:如下样式,给元素添加左上角圆角为30px