当前位置：文江博客话题详情

CSS HTML internet-explorer-6 spacing text-decorations

限制文本下划线

发布于 2024-10-31 13:57:59 字数 508 浏览 5 评论 0原文

我只想为文本添加下划线，同时保留链接的图像部分：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<title>Test</title>

<style type="text/css">
a:hover {text-decoration:none;}
img {border:none; vertical-align:bottom; padding-left:15px}
</style>

<a href="#">Subscribe to feed<img src="http://www.google.com/phone/static/images/feed-icon.gif" alt=""></a>

代码结果在所有主要浏览器中并不相同。

非常感谢您的帮助！

I'd like to have the underline for the text only and at the same keep the image part of the link:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<title>Test</title>

<style type="text/css">
a:hover {text-decoration:none;}
img {border:none; vertical-align:bottom; padding-left:15px}
</style>

<a href="#">Subscribe to feed<img src="http://www.google.com/phone/static/images/feed-icon.gif" alt=""></a>

The code result isn't the same in all major browsers.

Many thanks for any help!

收藏 0

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

评论（2）

囍孤女 2024-11-07 13:57:59

试试这个：

现场演示

<style type="text/css">
    a, a:hover span { text-decoration:none; }
    a span { text-decoration: underline; }
    a img {
        border: none;
        vertical-align: bottom;
        padding-left: 15px;
    }
</style>

<a href="#">
    <span>Subscribe to feed</span>
    <img src="http://www.google.com/phone/static/images/feed-icon.gif" alt="">
</a>

Try this:

<style type="text/css">
    a, a:hover span { text-decoration:none; }
    a span { text-decoration: underline; }
    a img {
        border: none;
        vertical-align: bottom;
        padding-left: 15px;
    }
</style>

<a href="#">
    <span>Subscribe to feed</span>
    <img src="http://www.google.com/phone/static/images/feed-icon.gif" alt="">
</a>

回复收藏 0 原文

鲸落 2024-11-07 13:57:59

a img {
  text-decoration: none;
}

a img {
  text-decoration: none;
}

回复收藏 0 原文

~没有更多了~

关于作者

沒落の蓅哖

暂无简介

文章

评论

27 人气

关注发私信

相关话题

热门标签

操作系统程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端

推荐作者

燃烧我的卡路李先生

文章 0 评论 0

qq_2gSKZM

文章 0 评论 0

∞梦里开花

文章 0 评论 0

qq_IklFPL

文章 0 评论 0

迷途知返

文章 0 评论 0

深海不蓝

文章 0 评论 0

友情链接

我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的隐私政策了解更多相关信息。单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。

原文