|
|

楼主 |
发表于 2021-12-17 16:36
|
显示全部楼层
本帖最后由 马黑黑 于 2021-12-17 18:15 编辑
代码:
<div style="color:#ffffff;font-size:60px;font-family:宋体;text-shadow:4px 4px 8px #000000;">
锄禾日当午<br>
汗滴禾下土<br>
谁知盘中餐<br>
粒粒皆辛苦<br>
</div>
【说明】
text-shadow 是基于文本修饰的 css 样式属性,它接受如下几个参数:
① 水平阴影位置(必需)
② 垂直阴影位置(必需)
③ 模糊距离(可选)
④ 阴影的颜色(可选)
上面的 <div> 标签代码里,text-shadow属性的第一个参数和第二个参数都定义为 4px 即水平和垂直阴影都是四个像素,模糊距离为8个像素,阴影颜色为 #000000 即黑色。这样,即使是纯白色文本也能清晰可辨。当然,文本阴影意在修饰,追求的是美感,文本颜色及阴影颜色的设定应根据需要选择。
有意思的是,text-shadow 属性的阴影位置支持负值。若为负值,阴影效果是往左和往上的。
|
|