box-shadow和text-shadow的比较

一、box-shadow

box-shadow: h-shadow v-shadow blur spread color inset;

box-shadow: apx bpx cpx rgba(0, 0, 0, 0.5);


h-shadow: 必需。水平阴影的位置。允许负值。如果是正的,则阴影在box的右侧,反之在左
v-shadow: 必需。垂直阴影的位置。允许负值。同上,正下侧,负上侧
blur:     可选。模糊距离。模糊半径,越大在边缘越模糊,只能为证书,或者设0,设0则不具有效果
spread:   可选。阴影的尺寸。可选正负,正则表示投影面积越来越大,负则越来越小
color:    可选。阴影的颜色。(rgba: rgb颜色值及不透明度) 建议不要忽略
inset:    可选。将外部阴影 (outset) 改为内部阴影。可不设,默认是外阴影

二、text-shadow


text-shadow: h-shadow v-shadow blur color;


同上

你可能感兴趣的:(CSS)