html中如何用css 生成底边带线的字，如图中，只有底边带有线不能直接用图片

答案:3 悬赏:40

解决时间 2021-02-19 07:34

提问者网友：温柔又任性
2021-02-19 04:34

最佳答案

二级知识专家网友：花一样艳美的陌生人
2021-02-19 05:30

<div style="position:relative; width:200px; height:50px; background-color:#596273; font-size:40px; ">
<div style="position:absolute; z-index:1000;color:#1e2430; top:2px; left:2px">we make</div>
<div style="position:absolute; z-index:0; color:#6a7281; top:3px; left:2px">we make</div>
</div>
这应该是你要的效果，利用定位，做两层即可实现你要的效果。

全部回答

1楼网友：桑稚给你看
2021-02-19 07:09

使用text-shadow属性试一下。 <p style="filter: Shadow(Color=#cccccc, Direction=135, Strength=3); height: 1%; text-shadow: 3px 3px 3px #CCCCCC;">同时应用 text-shadow 属性和 filter:shadow 滤镜，在 Firefox 和 IE 下文字都有阴影效果</p>

2楼网友：白日梦制造商
2021-02-19 06:47

使用text-shadow属性试一下

我要举报

如以上问答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

html中如何用css 生成底边带线的字，如图中，只有底边带有线 不能直接用图片

html中如何用css 生成底边带线的字，如图中，只有底边带有线不能直接用图片