- 章节重复度20190523003
- 223
- 381字
- 2024-12-10 09:47:06
②box-shadow（盒子阴影）
CSS box-shadow 属性用于在元素的框架上添加阴影效果。你可以在同一个元素上设置多个阴影效果，并用逗号将他们分隔开。该属性可设置的值包括阴影的 X 轴偏移量、Y 轴偏移量、模糊半径、扩散半径和颜色。
▼
事后，在没人处，宝钗私下叫住黛玉，冷笑道：“好个千金小姐，好个尚未出阁的女孩儿！满嘴说的是什么？”一副严厉的下马威，让对方感到问题的严重性。
黛玉只好求饶说：“好姐姐，你别说与别人，我以后再也不说了。”
宝钗见她满脸羞红，至此便适可而止，没再往下追问。
▲
div.box-shadow {
padding: 0 0.5em;
background-color: #f0f0f0;
border: 1px solid #808080;
box-shadow: 5px 5px 0px #555753;
}
添加阴影模糊效果：
▼
事后，在没人处，宝钗私下叫住黛玉，冷笑道：“好个千金小姐，好个尚未出阁的女孩儿！满嘴说的是什么？”一副严厉的下马威，让对方感到问题的严重性。
宝钗见她满脸羞红，至此便适可而止，没再往下追问。
▲
.box-shadow-blur {
padding: 0 0.5em;
background-color: #f0f0f0;
border: 1px solid #808080;
box-shadow: 5px 5px 5px red;
border-radius: 0.5em;
}