分色超链接

时间:2012-12-01 23:21:52

标签: html css

<a href='www.stackoverflow.com'>Hello<font color='#c0c0c0'> World</font></a> 

单词“Hello”以超链接的颜色显示。 “世界”以#c0c0c0颜色显示。但是“世界”在超链接颜色中加下划线。 使“世界”这个词用同一种颜色加下划线的最佳方法是什么,#c0c0c0?并在原始超链接中保留单词“Hello”的下划线颜色。

1 个答案:

答案 0 :(得分:1)

尝试将您的最后一个单词包装在<span>中并将所需的样式应用于它 - DEMO

HTML

<a href='www.stackoverflow.com'>
    Hello <span>World</span>
</a> ​

CSS

a span { color: #c0c0c0; text-decoration: underline; }

在IE7-9中检查过,Chrome和FF - 似乎无处不在