建站知识
css中div投影代码
2024-12-26 18:14  点击:2

CSS中的投影效果可以通过box-shadow属性来实现,最常见的情况是为元素添加投影效果。

div {box-shadow: 2px 2px 5px #999;}

上面的代码表示在元素的右下角添加投影效果,投影的大小为2px,模糊程度为5px,颜色为#999。

也可以为元素添加多层投影效果,只需要用逗号隔开不同的投影属性即可,如下:

div {box-shadow: 1px 1px 5px #999, -1px -1px 5px #ccc;}

上面的代码为元素添加了两层投影效果,分别为右下角的浅灰色投影和左上角的深灰色投影。

除了box-shadow属性,还可以使用text-shadow属性为文本添加投影效果,比如:

h1 {text-shadow: 1px 1px 1px #999;}

上面的代码为

元素的文本添加了浅灰色的投影效果。