// X:横向阴影(偏移值)
// Y:纵向阴影(偏移值)
// Z:扩散面积
// #FF00FF:阴影颜色
box-shadow: X Y Z #FF00FF;
div {
box-shadow: 0px 2px 3px #FF00FF;
}
效果图
// X:横向阴影(偏移值)
// Y:纵向阴影(偏移值)
// Z:扩散面积
// #FF00FF:阴影颜色
box-shadow: X Y Z #FF00FF;
div {
box-shadow: 5px 5px 5px #FF00FF;
}
效果图
盒子边框内阴影
.box{
border:5px solid #000;
box-shadow: 0px 0px 20px red inset;
}