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

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

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

慕运维8079593 2019-05-14 12:08:56
如何用纯CSS实现文字描边效果?
查看完整描述

2 回答

?
慕莱坞森

TA贡献1810条经验 获得超4个赞

两个方法:
一个直接写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-05-15
  • 2 回答
  • 0 关注
  • 469 浏览
慕课专栏
更多

添加回答

举报

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