html,将链接显示为普通文本

新手上路,请多包涵

我想知道您是否可以将链接显示为普通文本。

 <a id="" href="" target="_parent"><img src="" width="121" height="20" alt="">
<div style="position:absolute;left:163px;top:1px;font-size: 12px; display: block">
<font color="white">Log in</font></a>

我试图重叠一个也是按钮的图像,文本“登录”,它与上面的代码一样工作,但我想知道我是否可以更改显示为蓝色和下划线显示为普通文本。

原文由 Foxticity 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 466
2 个回答

如果您查看层叠样式表 (CSS),您可以更改链接的颜色和文本样式。

在您的示例中,您可以使用

<a id="" href="" target="_parent" style="color: white; text-decoration: none;"><img src="" width="121" height="20" alt="">
    <div style="position:absolute; sleft:163px;top:1px;font-size: 12px; display: block">
        <font color="white">Log in</font>
    </div>
</a>

但是,我将学习如何使用外部样式表并通过 --- 中的 <head> <link> 标记将它们链接到您的 HTML。然后,您可以通过标签名称、id 或 css 类来设置单个标签的样式。所以一个更新的例子是:

 <link rel="stylesheet" href="link-to-your-css-file" />

在你的CSS文件中有

a.imgLink{
    color: white; text-decoration: none;
}
div.imgLink{
    position: absolute; left: 163px; top: 1px; font-size: 12px; display: block;
}

那么你的 html 将是

<a class="imgLink" id="" href="" target="_parent">
    <img src="" width="121" height="20" alt="">
    <div class="imgLink">
         Log In
    </div>
</a>

它不仅使您的 HTML 变得“枯燥”,而且仅通过更改 css 文件就可以让您更好地控制 html 的样式。

原文由 Tim B James 发布,翻译遵循 CC BY-SA 3.0 许可协议

在 CSS 中:

 a {
  color: inherit;
  text-decoration: inherit;
}

这些值也可以固定在锚标记的 style 属性中。

应该导致您的锚标记看起来与父项的文本颜色和装饰相同。

原文由 stslavik 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题