当前位置:首页 > 实用技巧 > 正文内容

css圆角设置方法

千帆7个月前 (10-19)实用技巧1068

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

扫描二维码推送至手机访问。

版权声明:本文由千帆生活网发布,如需转载请注明出处。

本文链接:http://tzshw.com/?id=61

分享给朋友: