网站开发专业简历,wordpress 语法,做网站运营需要具备哪些能力,论坛交流平台CSS 的圆角矩形 通过 border-radius 属性使矩形边框带圆角效果成为圆角矩形 语法#xff1a;border-radius: length; length 是内切圆的半径#xff0c;其数值越大, 弧线越明显
border-radius 属性值描述length定义圆角的形状%以百分比定义圆角的形状
生成圆形 让 border-…CSS 的圆角矩形 通过 border-radius 属性使矩形边框带圆角效果成为圆角矩形 语法border-radius: length; length 是内切圆的半径其数值越大, 弧线越明显
border-radius 属性值描述length定义圆角的形状%以百分比定义圆角的形状
生成圆形 让 border-radius 的值为正方形宽度的一半或者用 border-radius: 50%; 表示宽度的一半 示例代码:
运行效果: 生成普通的圆角矩形 比如让 border-radius 的值为矩形高度的一半 示例代码: 运行效果: 展开写法
border-radius 属性是一个简写属性用于设置四个 border-*-radius 属性写法是一个复合写法是可以针对四个角分别设置的。
示例1
border-radius:2em;等价于
border-top-left-radius:2em;
border-top-right-radius:2em;
border-bottom-right-radius:2em;
border-bottom-left-radius:2em;示例2
border-radius: 10px 20px 30px 40px;等价于(按照顺时针排列)
border-top-left-radius: 10px;
border-top-right-radius: 20px;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 40px;示例代码:
运行结果:
