div{ box-shadow: 2px 2px #888888; }
上述代码中,大家使用了box-shadow属性来实现div投影效果。其中,2px 2px表示阴影的偏移量,即阴影距离元素右下方的距离。而#888888表示阴影的颜色,可以根据需要进行更改。
如果大家想要展示多层投影效果,可以在box-shadow属性后面加上逗号,并再次定义偏移量和颜色值。例如:
div{ box-shadow: 2px 2px #888888, -2px -2px #888888; }
上述代码中,大家实现了两层投影效果,一层在右下方,一层在左上方。
除了使用box-shadow属性,大家还可以使用text-shadow属性实现文本投影效果。例如:
h1{ text-shadow: 2px 2px #888888; }
上述代码中,大家给h1标签添加了文本投影效果,同样是偏移量和颜色值的定义。
总体而言,CSS3的div投影效果可以让大家的网页看起来更加立体和真实,为用户提供更好的视觉体验。