CSS 字体、边框阴影

box-shadow

 

box-shadow属性向框添加一个或多个阴影

 

box-shadow的JS语法为：　　object.style.boxShadow="10px 10px 5px #888888"

 

CSS语法：

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

h-shadow　　　　水平阴影位置
v-shadow　　　　垂直阴影位置
blur　　　　　　 模糊距离
spread　　　　　 阴影尺寸
color　　　　　　阴影颜色
inset　　　　　　设置为内阴影

text-shadow

 

text-shadow给字体添加阴影效果

 

text-shadow的JS语法：　　object.style.textShadow="10px 10px 5px #888888"

 

CSS语法：

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

h-shadow: 水平阴影的位置(阴影水平偏移量)，可为负值，必需

v-shadow: 垂直阴影的位置(阴影垂直偏移量)，可为负值，必需

blur: 阴影模糊的距离(默认为0)，可选

color: 阴影颜色(默认为当前字体颜色)，可选