添加下划线到<img>标签<a>标签

我有一个<a>标签，里面既有文字也有图像。我想，如下图所示的图像和文字加以强调：添加下划线到<img>标签<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>

现在我不能把一个底部边框包装容器，因为在移动我需要强调的文字，这只会把边界上的文字的底部。

来源

2016-02-25 DigitalMC

将整个东西包装在一个div中，并在其上放置一个底部边框。只是不要做任何别的风格明智的，它不会干涉别的。 – durbnpoisn

看起来你错过了一个关闭'a'标签。 – Yass

@Yass谢谢我解决了它。 – DigitalMC

您需要的款式a与border-bottom并取出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>

来源

2016-02-25 20:36:32 dippas

迄今为止工作得很好！让我做一些渲染测试并确认。 – DigitalMC

一个

<span style="text-decoration:underline">

标签中附上两个标签。

来源

2016-02-25 20:35:42

试过，没有为我工作，它适合你吗？虽然谢谢！ – DigitalMC

超链接标记没有结束标记</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>

参考：

另外，我建议你从内容区分开的设计。

来源

2016-02-25 20:42:03

是的，这只是一个错字，我的坏话。谢谢。 – DigitalMC

添加下划线到<img>标签<a>标签

回答

相关问题