CSS怎么定义多色阴影

CSS怎么定义多色阴影

最近有小伙伴问我CSS怎么定义多色阴影，今天小编就把这种方法带给大家吧

首先来看看原本的样子

然后打开我们的网页文本

在标签之间加入这串代码

然后在style标签中输入

p{

text-align:center;

font:bold 60px Arial, Helvetica, sans-serif;

color: #F00;

text-shadow: 0.5em 0.5em 0.1em #00FF00,

-1em 1em 0.1em #FFFF66,

0.8em -0.8em 0.1em #0099FF;

}

写完代码后保存并浏览

最后就可以在浏览器中看到效果了，这个效果是不是很花里胡哨呢

text-shadow属性可以接受一个以逗号分割的阴影效果列表，并应用到该元素的文本上。阴影效果按照给定的顺序应用，可能会互相覆盖，但是永远不会覆盖到文本本身，因此可以做出多重阴影