删除链接的下划线和蓝色答案

【问题标题】：Removing of Underline and Blue color of Link删除链接的下划线和蓝色
【发布时间】：2015-02-13 19:33:46
【问题描述】：

我正在使用 Wordpress。我只想用帖子标题和发布日期制作我的首页。我已经粘贴了该代码：

<h1><a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h1>

发表于

请告诉我如何从帖子链接中删除下划线和蓝色。请提及完整代码以及粘贴位置。

我读到了一些关于 {text-decoration:none;} 的内容，但无法粘贴。

【问题讨论】：

您的 WordPress 仪表板中应该有一个配置区域。您需要将 {text-decoration:none;} 添加到讨论链接样式的 CSS 文件中。
正文 { 文本对齐：左； } #wrapper { 显示：块；边框：1px #a2a2a2 实心；宽度：90%；边距：0px 自动； } #header { 边框：2px #a2a2a2 实心； } #content { 宽度：75%;边框：2px #a2a2a2 实心；向左飘浮; } #sidebar { 宽度：23%;边框：2px #a2a2a2 实心；浮动：对； } #delimiter { 明确：两者； } #footer { 边框：2px #a2a2a2 实心； } .title { 字体大小：11pt;字体系列：verdana；字体粗细：粗体； }
这是我的 css 文件的全部文本

标签： wordpress hyperlink underline

【解决方案1】：

您可以拥有几种不同类型的链接。每种不同的类型都需要设置样式。您应该能够通过单击仪表板中的外观->编辑器在 WordPress 中添加自定义 CSS。

添加以下 CSS：

/* unvisited link */
a:link {
    text-decoration:none;
}

/* visited link */
a:visited {
    text-decoration:none;
}

/* mouse over link */
a:hover {
    text-decoration:none;
}

/* selected link */
a:active {
    text-decoration:none;
}

您可以在这里找到更多信息：http://www.w3schools.com/css/css_link.asp

【讨论】：