复制代码
代码如下:
<!DOCTY PE ht ML P ub LIC "-//W3C//DTD XHTML 1.0 Trans IT ional//EN"
"http://www.w3. org /TR/xhtml1/DTD/xhtml1 -t ransitional.dtd">
<html XM lns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
/*<![CDATA[*/
# text
{
text -s hadow: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>
<div id="text1">
有模糊效果
</div>
<div id="text2">
阴影叠加
</div>
</body>
</html>
总结
以上是 为你收集整理的 html5文字阴影效果text-shadow使用示例 全部内容，希望文章能够帮你解决 html5文字阴影效果text-shadow使用示例 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。
查看更多关于html5文字阴影效果text-shadow使用示例的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did205126