可以使用 CSS 中的 box-shadow
属性来创建凸起或凹陷的效果。该属性可以用于为元素添加阴影,并可以控制阴影的大小、颜色、模糊度和偏移量等。其中,box-shadow
属性的前两个值分别表示阴影的水平和垂直偏移量,第三个值表示阴影的模糊半径,第四个值表示阴影的扩散半径,后面还可以跟上颜色值。
如果想要创建一个凸起的效果,可以使用正值的水平和垂直偏移量,以及较小的模糊半径和扩散半径,例如:
box-shadow: 2px 2px 2px 2px #888888;
如果想要创建一个凹陷的效果,可以使用负值的水平和垂直偏移量,以及较大的模糊半径和扩散半径,例如:
box-shadow: -2px -2px 5px 5px #888888;
需要注意的是,box-shadow
属性在不同浏览器中的实现可能会有所不同,需要进行兼容性处理。同时,为了确保效果能够正常显示,还需要对元素的背景色进行设置或调整。