<!DOCTYPE
html
PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > <html xmlns = "http://www.w3.org/1999/xhtml" > <head> <title></title> <style type = "text/css" > / * < ![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 id = "text" > 没有模糊效果 </div><br /> <div id = "text1" > 有模糊效果 </div><br /> <div id = "text2" > 阴影叠加 </div><br /> </body> </html> |
html5文字阴影效果text-shadow
最新推荐文章于 2021-06-14 11:30:54 发布