我有一个 <a>
里面有文字和图片的标签。我希望图像和文本带有下划线,如下所示:
不过我一直得到的是:
如您所见,下划线没有延伸到箭头下方。这是我的代码:
<a target="_blank" href="http://url.com" style="text-decoration:underline;color:#000001;" >Call To Action <img src="image/path/triangle.png" border="0" /></a>
现在我不能在包装容器上放置边框底部,因为在移动设备上我需要为文本加下划线,这只会在文本底部放置边框。
最佳答案
您需要使用 border-bottom
设置 a
的样式并移除 text-decoration:underline
<a target="_blank" href="http://url.com" style="border-bottom:1px solid red;text-decoration:none;color:#000001;">Call To Action <img src="//lorempixel.com/20/20" border="0" /></a>
关于html - 在 <a> 标签内为 <img> 标签添加下划线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35637701/