CSS3文本阴影、盒子阴影

CSS3文本阴影、盒子阴影:
一、文本阴影属性
text-shadow:npx npx npx color;
正常情况:
CSS3文本阴影、盒子阴影
第一个值 : 水平方向的距离 (必须有的:支持负值)
CSS3文本阴影、盒子阴影

第二个值 : 垂直方向的距离 (必须有的:支持负值)
CSS3文本阴影、盒子阴影
第三个值 : 阴影的模糊程度 (不支持负值)
CSS3文本阴影、盒子阴影

第四个值 : 阴影的颜色
CSS3文本阴影、盒子阴影

第一个值 和 第二个值得位置不能互换;

当给同一个文字设置多个阴影的时候,阴影和阴影之间用逗号隔开:
CSS3文本阴影、盒子阴影
说明:水平、垂直阴影的位置允许负值
可进行多阴影设置(逗号分隔的方式)

二、盒子阴影属性
box-shadow:npx npx npx npx color inset
正常情况:
X-shadow 必需的。水平阴影的位置。允许负值
CSS3文本阴影、盒子阴影
Y-shadow 必需的。垂直阴影的位置。允许负值
CSS3文本阴影、盒子阴影
blur 可选。模糊距离
CSS3文本阴影、盒子阴影
spread 可选。阴影的大小
CSS3文本阴影、盒子阴影
color 可选。阴影的颜色。
CSS3文本阴影、盒子阴影
inset 可选。从外层的阴影(开始时)改变阴影内侧阴影
CSS3文本阴影、盒子阴影
当给一个盒子设置多个阴影的时候,阴影和阴影之间用逗号隔开:
CSS3文本阴影、盒子阴影