淘先锋百科网

首页 1 2 3 4 5 6 7

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;
}

上面的代码为

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