CSS如何给DIV设置阴影效果
DIV可以通过 box-shadow 属性可以设置阴影效果。
box-shadow语法：
box-shadow: h-shadow v-shadow blur spread color inset
语法说明：
h-shadow：
必需的。⽔平阴影的位置。允许负值
v-shadow：
必需的。垂直阴影的位置。允许负值
blur：
可选。模糊距离
spread：
可选。阴影的⼤⼩
color：
可选。阴影的颜⾊。
inset：
可选。从外层的阴影（开始时）改变阴影内侧阴影
设置示例（给一个置顶高度宽度的黄色div设置红色阴影）：
div{
width:300px;
height:100px;
background-color:yellow;
box-shadow: 5px 5px 5px red;
}
如果要给div的4个边框都加上阴影，设置示例：
div{
width:300px;
height:100px;
background-color:yellow;
box-shadow: 5px 5px 5px red, 5px -5px 5px red,-5px 5px 5px red,-5px -5px 5px red;
}
我的笔记