10

当我将整个 div 作为链接时，如何使文本不是蓝色的？

所以在下面的片段中：

<a href="/link"><div><h2>LINK</h2></div></a>

我想让整个div链接到另一个页面，但也不想让字符串LINK像通常的链接对象那样是蓝色的。

当我编写以下 CSS 时：

a {text-decoration: none; background-color: none; }

它根本没有改变。

[更新]

感谢您的许多回答。我想放在div里面的原因a是我想使块可链接对象（单击块并转到另一个页面）。我第一次放在a里面div，但它不起作用，这就是我把它放在外面的原因div。（我使用 HTML5 和 CSS3）。

4

9 回答 9

16

在 HTML 5 中，很容易使用这个：

<a href="/yourLinkAddress">
    <div class="link">
         <h2>Link Text</h2>
    </div>
</a>

CSS：

.link
{
   color:aqua;
   text-decoration: none; 
   background-color: none;
}
于 2013-09-11T09:55:19.093 回答
4

您可以在 html5 规范中的链接中使用 divs/block-elements，所以这并不坏。

背景表示文本后面的内容，即下面这段代码的后面是灰色的。颜色是你所追求的..

a {
    text-decoration: none; 
    color: black; 
}

编辑：来源：

转到： http: //validator.w3.org/check并验证：

<!doctype html>
<html>
<head>
<title>...</title>
</head>
<body>
    <a href="#stuff">
        <div>
            <h1>hi</h1>
        </div>
    </a>
</body>
</html>
于 2013-09-11T09:31:38.893 回答
2

尝试

<a href="/link"><div class="link"><h2>LINK</h2></div></a>

然后申请类：

.link{
  background-color:none;
  color:blue;
 }

如果您不允许使用内部标签，请尝试使用 table 而不是 . 它应该以相同的方式工作。

于 2013-09-11T09:31:18.207 回答
2

只需针对h2

a div h2 {
    color: #fff; /*Or whatever you want*/
}
于 2013-09-11T09:32:58.543 回答
0 
a{text-decoration: none; background-color: none;color:gray; }

//for color-给你想要的颜色..

于 2013-09-11T09:33:49.190 回答
0

text-decoration: none;不影响接受的答案！

这是你的代码 

<a href="/link"><div><h2>LINK</h2></div></a>

正确的是；

<div class='editLink'> 
     <a href="/link">
       <h2>LINK</h2> 
    </a>
</div>

CSS

.editLink a {
  color: #FFFFFF;
  text-decoration: none;
}
于 2015-02-26T18:05:31.030 回答
0

CSS：

.link
{
  text-decoration: underline;
color: #0000EE;
font-size: 16px;
}

html:

<strong>Hello!</strong> you have already registered , you can login
<a href="http://www.example.com/"><span class="link">here</span></a>

参考：

默认 HTML/CSS 链接颜色和这个

维基百科链接颜色列出了不同的链接颜色及其含义。

希望这可以帮助。

于 2015-06-21T09:58:21.893 回答
-1

不允许div在a（在 html5 中允许）中使用：

5 之前的 HTML：

<h2><a href="/link" class="link">LINK </a></h2>

HTML5：

<a href="/link" class="link"><h2>LINK</h2></a>

CSS：

.link
 {
  color:red;
 }
于 2013-09-11T09:25:45.293 回答
-2

你不能使用divinside a（你可以在 html5中使用），你可以使用这个来代替：

<a href="/link" style="color:green;">LINK</a>
于 2013-09-11T09:31:06.830 回答