为了账号安全,请及时绑定邮箱和手机立即绑定

如何用纯CSS实现文字描边效果?

如何用纯CSS实现文字描边效果?

慕仙森 2019-03-19 13:12:32
如何用纯CSS实现文字描边效果?
查看完整描述

2 回答

?
翻翻过去那场雪

TA贡献2065条经验 获得超14个赞

两个方法:
一个直接写CSS但不兼容IE6-8的text-shadow
一个是全兼容但是需要两个文字层的:
<div style="position:relative; width:200px; height:25px; line-height:25px; text-align:center; font-size:14px; color:#fff; background:#9c0;">
这是描边文字<span style="position:absolute; left:-1px; top:-1px; color:#444;width:200px; height:25px; display:block">这是描边文字</span>
</div>

查看完整回答
反对 回复 2019-03-22
  • 2 回答
  • 0 关注
  • 1693 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信