box-shadow属性的使用

一、语法:

  E {box-shadow: inset x-offset y-offset blur-radius spread-radius color};
  E {box-shadow: 投影方式 X轴偏移量 Y轴偏移量 阴影模糊半径 阴影扩展半径 阴影颜色};

二、取值:

 1. 阴影类型:此参数可选,默认的投影方式是外阴影;如果取其唯一值“inset”,就是将外阴影变成内阴影;

 2.X-offset:是指阴影水平偏移量,其值可正可负,正值,则阴影在对象的右边,负值,阴影在对象的左边;

 3. Y-offset:是指阴影的垂直偏移量,其值也可以是正负值,正值,阴影在对象的底部,负值时,阴影在对象的顶部;

 4.阴影模糊半径:此参数是可选,只能为正值,如果其值为0时,表示阴影不具有模糊效果,值越大阴影的边缘就越模糊;

 5. 阴影扩展半径:此参数可选,其值可为正负值,正值,则整个阴影都延展扩大,反之,则缩小

 6. 阴影颜色:此参数可选,不设定任何颜色时,浏览器会取默认色,但各浏览器默认色不一样,特别是在webkit内核下的safari和chrome浏览器将无色,也就是透明,建议不要省略此参数。

文章出处:http://www.cnblogs.com/sapho/p/5481257.html

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 如果我不爱这份工作,我不会经常加班;如果我不爱这份工作,我不会自学h 5、数据管理工具、公众号等;如果我不爱这份工...
    开挂的少女阅读 1,693评论 0 0
  • 根据沃尔玛合并现金流量表可以看出: 经营活动的净现金流(2009年为206.42亿)是远远超过净利(2008年为1...
    陈姿依阅读 5,443评论 1 29
  • 相信很多人都不是真正的明白了解到底什么是文学,下面我们就来看看文学究竟是什么? 说到文学大家一定都不陌生,文学其实...
    记忆桃园阅读 5,729评论 0 1
  • “最近,我不太想来这儿” “咋的啦~” “连着好几天都不理我,还不给通过,不给喜欢~我要罢工~不公平呀” “瞧你那...
    末的sara阅读 1,616评论 0 1
  • 从现在开始要为回去做准备了。不能越走越远了。1.需要一个reits项目。 2.cpa要尽快,不能在这样拖着了。 3...
    洋洋shine阅读 1,796评论 0 0

友情链接更多精彩内容