介绍 border - radius: 1 - 4长度| %; & lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt; style>
div
{
text-align:中心;
边界:2 px固体# a1a1a1;
填充:10 px 40 px;
背景:# dddddd;
宽度:350 px;
border - radius: 25 px;
-moz-border-radius: 25 px;/*老的Firefox */保证金:100 px的汽车;
}
& lt;/style>
& lt;/head>
& lt; body>
& lt; div> border - radius属性允许您向元素添加圆角。;/div>
& lt;/body>
& lt;/html>
这篇文章主要介绍border - radius属性的使用方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
, border - radius属性是CSS3中的一个简写属性,用于为边框创建(1 ~ 4个)圆角效果;基本语法:border - radius: 1 - 4 | %长度。
<强>作用: border - radius属性用于创建圆角
<强>说明: border - radius属性是一个最多可指定四个边界- * -半径属性的复合属性。
<>强基本语法:
<强>注意:每个半径的四个值的顺序是:左上角,右上角,右下角,左下角。如果省略左下角,右上角是相同的。如果省略右下角,左上角是相同的。如果省略右上角,左上角是相同的。
效果图:
以上是border - radius属性的使用方法的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!
