本文介绍了如何使用CSS的text-shadow属性为网页上的文字添加阴影效果。通过设置X轴和Y轴的偏移像素值、阴影模糊的像素值以及阴影颜色，可以轻松实现文字阴影，提升网页视觉体验。
开发工具与关键技术：DW与css
作者：陈锦通
撰写时间：2019年1月26日星期六
大家在网页上看的文字有阴影效果是怎么弄的呢是不是好奇。
代码如下：
<style>
h1{
text-shadow: 5px 2px 0px #00ff00;
}
</style>
</head>
<body>
<div>
<h1>文字阴影效果</h1>
</div>
</body>
效果如下：
text-shadow是给字体加上阴影效果
第一个值是X轴的偏移像素值，
第二个值是Y轴的偏移像素值，
第三个值是阴影模糊的像素值，
第四个值是阴影的颜色。
扫一扫
1476
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
