CSS如何设置DIV边框阴影和图片阴影效果
在CSS中可以控制DIV的边框产生阴影效果,达到立体感.也可以给图片添加阴影,使整个网站版面更加美观.
CSS设置阴影效果的样式为box-shadow属性,使用方法:
边框设置阴影效果:
div{box-shadow:3 4 1px #000 inset;}
图片设置阴影效果:
img {box-shadow:5px 2px 6px #000}
参数说明:
第1个值为0时，代表左右边框阴影 为1px范围 ;
第1个值为正整数 代表 左边框阴影 ;
第1个值为负整数 代表 右边框阴影 ;
第2个值为0 代表上下边框阴影 ;
第2个值为正整数 代表1px阴影距离上边框多少;
第2个值为负整数 代表下边框阴影;
有inset 代表框内阴影 ，不带inset 代表框外阴影;