介绍 border - radius: 1 - 4长度| %/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 */}
& lt;/style>
& lt;/head>
& lt; body>
& lt; div> border - radius属性允许您向元素添加圆角。;/div>
& lt;/body>
& lt;/html>
这篇文章主要介绍css中使用border - radius属性的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
css border - radius属性是一个简写属性,用于设置四个边界- *半径属性,其语法是语法border - radius: 1 - 4长度| %/1 - 4 | %。
<强> css border - radius属性怎么用?
<强>作用:简写属性,用于设置四个边界- *半径属性。
<强>语法:
<强>说明:
长度,,定义圆角的形状。
%,,以百分比定义圆角的形状。
<强>注释:
按此顺序设置每个半径的四个值。如果省略左下侧,则与右上的相同。如果省,略右下方则与左上的相同。如果省略右上图则与左上的相同。
<强> css border - radius属性使用示例
效果输出:
以上是css中使用border - radius属性的方法的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!
