html5文字陰影效果text-shadow怎么使用

發(fā)布時(shí)間：2022-03-07 16:27:54 來源：億速云閱讀：137 作者：iii 欄目：web開發(fā)

這篇文章主要介紹“html5文字陰影效果text-shadow怎么使用”的相關(guān)知識(shí)，小編通過實(shí)際案例向大家展示操作過程，操作方法簡單快捷，實(shí)用性強(qiáng)，希望這篇“html5文字陰影效果text-shadow怎么使用”文章能幫助大家解決問題。

代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

/*<![CDATA[*/

#text

{

text-shadow:2px 2px 0px orange;

}

#text1

{

text-shadow:2px 2px 5px orange;

}

#text2

{

text-shadow:2px 2px 5px orange,-2px 2px 5px green;

}

/*]]>*/

</style>

</head>

<body>

沒有模糊效果

</div>

有模糊效果

</div>

陰影疊加

</div>

</body>

</html>

關(guān)于“html5文字陰影效果text-shadow怎么使用”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注億速云行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。

向AI問一下細(xì)節(jié)

猜你喜歡