当前位置:Gxlcms > html代码 > css3圆角(border-radius)_html/css_WEB-ITnose

css3圆角(border-radius)_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:30人阅读

前缀


-moz(例如 -moz-border-radius)用于Firefox。
-webkit(例如:-webkit-border-radius)用于Safari和Chrome。

css3圆角代码

.radius { padding:10px; width:300px; height:50px; border: 5px solid #dedede; -moz-border-radius: 15px; /* Gecko browsers */ -webkit-border-radius: 15px; /* Webkit browsers */ border-radius:15px; /* W3C syntax */}

效果:

其他写法:

border-radius:5px 15px 20px 25px;               上  右    下   左

人气教程排行