边框阴影box-shadow

box-shadow:向方框添加阴影

box-shadow:h-shadow v-shadow blur spread color inset(顺序不可变)

h-shadow:必须,水平阴影位置(不想设置的话可以设置为0,但不能不设置)

v-shadow:必须,垂直阴影位(不想设置的话可以设置为0,但不能不设置)

blur:模糊距离

spread:阴影的尺寸

color:颜色不定义的话默认和文字颜色一致

inset:将外部阴影改为内部阴影,外部阴影:outset,默认为outset.

#d1{
   box-shadow:5px 5px 5px #ccc;
}/* 水平阴影位置,垂直阴影位置,模糊距离,颜色*/
#d2{
   box-shadow:0px 0px 5px red;
}/*h-shadow v-shadow blur color*/
#d3{
   box-shadow:5px 5px 5px #000 inset;
}/*h-shadow v-shadow blur color inset*/



你可能感兴趣的:(css3)