box-shadow 让div 立体起来

语法:

box-shadow:type x-offset y-offset blur  spread shadow-color

type 取值:outset 外边框阴影    inset 内边框阴影

注意这个x-offset  x-offset 是相对实体的中心点的相对位置来的. 取值范围是[-20px,20px]

blur 是模糊程度,值越大,越模糊,越小越清晰,取值范围是[0px,20px]

spread 是阴影的覆盖范围,越大影子就越宽,越小越窄,取值范围是[0px,20px]

shadow-color 是阴影的颜色

具体可以参照chrome 浏览器的css编辑器:

posted @ 2017-04-01 11:27  JonasYu  阅读(1838)  评论(0)  编辑  收藏  举报