HTML 盒子阴影和文字阴影

盒子阴影和文字阴影

盒子阴影

box-shadow:/*水平偏移 垂直偏移 模糊度 阴影扩展 阴影颜色 内外阴影*/;
/*简写*/
box-shadow:/*水平偏移 垂直偏移 模糊度 (颜色)*/
/*缩写的默认颜色是跟随盒子中内容的颜色*/

注意

• 盒子的阴影分为内外阴影(inset outset) 默认为外阴影outset
• 阴影扩展：在原本阴影的上下左右各加要扩展的面积

文字阴影

text-shadow:/*水平偏移 垂直偏移 模糊度 阴影颜色*/;
/*简写*/
text-shadow:/*水平偏移 垂直偏移 模糊度 (颜色)*/
/*缩写的默认颜色是跟随盒子中内容的颜色*/