CSS3实现圆角效果

时间:2023-03-08 15:45:35

利用border-radius属性可以给元素div,input元素等添加圆角效果

后跟 值为这个圆角的半径,即数值越大效果越明显

-webkit-border-top/bottom-left/right-radius可以给某个角添加弧度,上下-左右的顺序不能反

左上:-webkit-border-top-left-radius:10px;

右上:-webkit-border-top-right-radius:10px;

左下:-webkit-border-bottom-left-radius:10px;

右下:-webkit-border-bottom-right-radius:10px;