热搜：编程 Python Microsoft 编程语言 C++

html5文字阴影效果text-shadow如何使用示例

发布时间：2023-01-04 01:15:40 来源：网络

.

秋天，稻田里的稻谷已经成熟了，一眼看去，好像铺了一地的金子，而农民伯伯们一个接一个到自己的田里捡金子。微风吹过，金色的海洋掀起一层层麦浪。

复制代码

代码如下:

<!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>

<div id="text1">
有模糊效果
</div>

<div id="text2">
阴影叠加
</div>

</body>
</html>

以上就是html5文字阴影效果text-shadow如何使用示例。不被了解的时候，相信自己值得。更多关于html5文字阴影效果text-shadow如何使用示例请关注haodaima.com其它相关文章！

以下您可能有感兴趣的文章:

标签： text