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

标签 html css

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

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

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

如果我想在链接底部使用粗边框,应该怎么做?

最佳答案

在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/

关于html - 使用 CSS 在链接上添加边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18589857/

相关文章:

javascript - 如何使用 Javascript 从文本框中获取文本的值

css - 字母间距似乎使 div 移动

html - 如何让 CSS 悬停动画保持不变?

CSS:如何在动态宽度容器内强制宽度?

javascript - 导航到页面的某个部分

java - 在 JFrame 中显示多个网页

html - 使用 css 和 flex 定位 div

html - 在 .html 页面上嵌入 .swf 文件

html - 最小化时标题重叠

html - Chrome 和 Edge 不支持 "writing-mode"输入或选择标签