0

好的，我只希望我的链接有一个边框底部。

这是我的代码：

<div class="intro">jfskdlq kflsdq jklfjsqd <a href="google.be" title="website" target="_blank">website</a></div><p>jqskdlfjklqsjklmqjfkdlksqlmlmdfsqlmqsdf</p>

.intro {
    line-height: 27px;
    padding: 7px 16px 7px 16px;
    margin-bottom: 6px;
    letter-spacing: 2px;
    background: #cfffef;
    font-size: 11px;
    font-family: 'OpenSansRegular';
    text-transform: uppercase;
}

.intro a, .intro a:visited {
    color: #cccccc;
    border-bottom: 1px #ffffff;
}

但是，只有颜色：#cccccc 显示，而不是边框​​底部。我究竟做错了什么？

4

3 回答 3

0 
border-bottom: 1px #ffffff;

这不会显示任何内容，因为默认值为border-styleis none。

因此，如果您真的想看到任何结果，您可能希望应用一种样式。

这是一个例子：

border-bottom: 1px solid #ffffff;

我正在使用solid作为示例border-style，但它可以是各种样式中的任何一种。

在此处查看有关border-bottom速记的更多信息。

这是jsFiddle。

于 2013-06-19T23:50:11.943 回答
0

您可能希望将边框样式（即实体等）添加到您的边框底部规则中。

于 2013-06-19T23:51:00.480 回答
0

怎么样text-decoration: underline？

使用border-bottom: 1px solid #fff;-> 注意solid添加到您的声明中，一切都很好，但是在制作文本（如您到达那里的锚定链接）时，您想使用下划线。

Border-bottom 仅适用于文本的外框。因此，如果您有一段文本，则只有最后一行文本将被“加边框”，而下划线 - 在所有文本上创建边框。

代码修订

.intro a, .intro a:visited {
    color: #cccccc;
    text-decoration: underline;
}
于 2013-06-20T00:12:57.040 回答