CSS3阴影box-shadow属性使用总结

使用 CSS3 的 box-shadow 属性,可以实现给元素添加阴影的效果。

语法:

box-shadow: offset-x offset-y blur spread color inset;

参数:
offset-x: 必需,阴影水平方向平移距离。正值向右平移,负值向左。
offset-y: 必需,阴影垂直方向平移距离。正值向下平移,负值向上。
blur: 可选,模糊距离,即阴影向外扩散范围。
spread: 可选,阴影尺寸。
color: 可选,阴影颜色。
inset: 可选,设置为阴影在边框内。默认值为 outset,即阴影在边框外。

此条目发表在CSS分类目录,贴了, , , , 标签。将固定链接加入收藏夹。