Dreamweaver文字怎么添加多个不同的阴影?

作者:袖梨 2025-07-14

Dreamweaver中想要给文字添加阴影,该怎么添加多个阴影呢?下面我们就来看看详细的教程。

1、新建html文件

img_64cb7afba221030.jpg

2、创建h1标签和内容

img_64cb7afbc1b4631.jpg

3、预览效果如图

img_64cb7afc0a3d732.jpg

4、为h1设置阴影,不设置阴影颜色

img_64cb7afc5870d33.jpg

5、如图所示不设置阴影,阴影的颜色默认是字体的颜色

img_64cb7afc9beea34.jpg

6、设置第二个阴影,阴影颜色设置为绿色

img_64cb7afcd8aee35.jpg

7、效果如图

img_64cb7afd0a58436.jpg

8、可以用逗号隔开设置多个阴影

img_64cb7afd5b23037.jpg

9、效果如图附上样式

<style>h1{ color:#C06;text-shadow:10px 10px 3px,20px 20px 3px #009966,30px 30px 3px #6600FF;}</style>

img_64cb7afd9088b38.jpg

相关文章

精彩推荐