您的位置：首页 > Web前端 > CSS

CSS3 圆角（border-radius）

2014-05-06 20:17 429 查看
1.前缀

-moz(例如 -moz-border-radius)用于Firefox

-webkit(例如：-webkit-border-radius)用于Safari和Chrome。

2.示例

例1

<div id="round"></div>
#round {
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 */
}




例2

<div id="round"></div>
#round {
padding:10px; width:300px; height:50px;
background:#FC9;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius:15px;
}





内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航