1

我似乎遇到了下划线的问题。我有一个可链接的盒子：

<div class="single_box">
   <a href="servicesweprovide.asp"><img src="images/law_enforcement_accreditation.jpg" alt="" />
   <p>Law Enforcement<br />Accreditation</p></a>
</div>

这是CSS：

.single_box {
    width:253px;
    min-height:170px;
    float:left;
    margin:0px 15px 0 0;
    padding:0px;
    text-decoration:none;
}
.single_box p{
    background:url(../images/arrow.png) 92% 50% #0b2e84 no-repeat;
    font:bold 16px/18px  Arial, Helvetica, sans-serif; color:#fff;
    padding:6px 14px;
    word-spacing:normal;
    letter-spacing:normal;
    font-stretch:normal;
    cursor:pointer;
    text-decoration:none;
}
.single_box p:hover {
    background-color:#ffc210;
    text-decoration:none;
}

我在 JFiddle 上设置了它：http: //jsfiddle.net/2EHkp/

我觉得这与我针对<p>段落而不是href有关。但我不知道如何定位 href 而不是<p>. 有人可以告诉我我做错了什么吗？

4

5 回答 5

3 
.single_box a {text-decoration:none;}
于 2013-08-20T17:26:04.993 回答
1

您需要选择锚点。而不是容器。http://jsfiddle.net/2EHkp/1/ 

.single_box a {text-decoration:none;}

这就是你所拥有的：

.single_box  {text-decoration:none;}
于 2013-08-20T17:26:44.793 回答
1

默认情况下，文本装饰是链接的下划线。因此，您需要将其关闭：

.single_box a {
    text-decoration: none;
}
于 2013-08-20T17:28:03.240 回答
0

要定位href，您可能需要：

.single_box a{text-decoration:none;}

于 2013-08-20T17:28:40.840 回答
0

锚链接 ... 如果您没有使用任何 CSS，例如 text-decoration:none;，则默认情况下带有下划线；

请在您的 .single_box 类下添加一个额外的类

这是我的代码：

.single_box a{text-decoration:none;}
于 2013-08-20T17:31:53.883 回答