零基础建站培训介绍

当前位置:

CSS如何设置DIV边框阴影和图片阴影效果

在CSS中可以控制DIV的边框产生阴影效果,达到立体感.也可以给图片添加阴影,使整个网站版面更加美观.220026i8or2bnuynoy787n

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 代表框外阴影;