文章内容
2016/12/29 12:59:42,作 者: 黄兵
CSS3盒阴影
HTML 元素的阴影，同样是CSS3 被广泛实现之前很难做出来的一个效果。当时，要给元素添加
阴影效果，必须用图片和DIV 配合，还要耐心地调整，而现在则只要一行CSS 声明即可。
最简单语法形式如下。
box-shadow:4px 4px 5px 8px #aaa inset;
box-shadow 属性的这几值分别代表：水平偏移量、垂直偏移量、模糊量、扩展量、颜色、阴
影位于边框内部（默认位于边框外部，即outset）。
最低限度，必须设定水平偏移量、垂直偏移量和颜色，这样会得到一个与元素宽度和高度大小
一致且为指定颜色的硬边阴影。如果水平和垂直偏移量是负值，阴影就会出现在元素左上方。
inset 关键字会把阴影放到盒子内部。另外，box-shadow 还支持多个阴影声明。图7-5 展示了
一些阴影示例。
评论列表