可以使用box-shadow
属性来创建阴影效果。该属性接受多个值,分别表示阴影的偏移量、模糊程度、扩散程度和颜色。
box-shadow: 水平偏移量 垂直偏移量 模糊半径 扩散半径 阴影颜色;
其中,水平偏移量和垂直偏移量表示阴影相对于元素的位置。模糊半径表示阴影的模糊程度,值越大阴影越模糊。扩散半径表示阴影的扩散程度,值越大阴影越扩散。阴影颜色可以使用颜色值或关键词表示。
以下是一个示例:
.shadow {
box-shadow: 2px 2px 4px 1px #888888;
}
这将在元素的右下方创建一个偏移量为2px、模糊半径为4px、扩散半径为1px的灰色阴影。
重要关键词: box-shadow
、水平偏移量、垂直偏移量、模糊半径、扩散半径、阴影颜色。