html - 使用 CSS 在链接上添加边框

Question

我试图在我的链接上设置一个底部边框，但尽管使用的代码几乎直接来自互联网，但它似乎并不想工作。

http://codepen.io/anon/pen/oeLqc

lll {
  font-weight:normal;
  margin-bottom:5px;
  border-bottom: 3px solid blue;
  background: #EEE;
  display: table;
}

如果我想要链接底部的粗边框，我应该怎么做？

Answer 1

在 CSS 中声明类选择器时，它们必须以.：

.lll {
  font-weight:normal;
  margin-bottom:5px;
  border-bottom: 3px solid blue;
  background: #EEE;
  display: table;
}

http://codepen.io/anon/pen/hwsak

---

这是一篇关于 CSS 选择器的有用文章：

http://net.tutsplus.com/tutorials/html-css-techniques/the-30-css-selectors-you-must-memorize/

Answer 2

您错过了一次课堂作业尝试：

.lll {
 font-weight:normal;
 margin-bottom:5px;
 border-bottom: 3px solid blue;
 background: #EEE;
 display: table;
}

Answer 3

选择器lll不会按原样工作。

• 如果您的课程是，lll那么您的代码需要是.lll
• 如果是身份证，则需要#lll

另外，你使用有什么原因display: table吗？这可能对您的链接没有帮助。也许尝试一下display: inline-block？显然，在不知道您正在开发的网站的情况下，这很难说。

但是改变这两件事肯定会有所帮助！

Answer 4

在编写 CSS 之前，您忘记使用 dot(.)。它应该像

.lll {
  font-weight:normal;
  margin-bottom:5px;
  border-bottom: 3px solid blue;
  background: #EEE;
  display: table;
}