码迷,mamicode.com
首页 > 其他好文 > 详细

元素添加圆角

时间:2015-10-11 23:14:44      阅读:385      评论:0      收藏:0      [点我收藏+]

标签:

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

此示例只是为了让该标记适用于基于 Mozilla(比如 Mozilla Firefox)和基于 Webkit(比如 Apple Safari)的旧浏览器。如果您愿意,可以将上述 3 个属性设置为不同值并让样式在 Firefox 和 Google Chrome 中显示不同的效果。

也可以在 <div> 上生成一个阴影。为此,可以使用以下 3 个属性(再次说明,一定要处理各种浏览器):

-webkit-box-shadow: 8px 8px 6px #AAAAAA;
-moz-box-shadow: 8px 8px 6px #AAAAAA;
box-shadow: 8px 8px 6px #AAAAAA;

在这种情况下,第一个属性是水平阴影,第二个是垂直阴影,第三个是模糊量,第四个是阴影的颜色。可以在模糊量和阴影之间放置另一个属性(另一个与阴影的覆盖范围相关的大小值),但是此属性似乎没有广泛使用。

元素添加圆角

标签:

原文地址:http://my.oschina.net/u/1045177/blog/515640

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!