在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
• 如果是ID，则需要#lll

另外，你有没有理由使用display: table？这可能没有帮助你的链接。也许试试display: inline-block？很明显，如果不知道你正在努力的网站就很难说。

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

Answer 4

在编写CSS之前忘了使用点（。）。 它应该像

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