如何使用 CSS 应用边框间距

Question

到目前为止我所拥有的（某种例子，不是真实的）：

html：

<html>
<body>
  <div id="article">
    <h1>TITLE</h1>
    <p>text</p>
  </div>
</body>
</html>

css

#article {
  color:red;
  border-bottom: 1px solid black;
}

问题！

我无法将底部的边框和 div 本身分开

这可能对你有帮助>> http://dl.dropbox.com/u/22271794/div.PNG

解决了！！

人力资源标签帮助了我！！在 Google 上搜索 > HR TAG STYLING 就是这样（边距为零，更改颜色）

Answer 1

只需将 a 设置padding-bottom为 div 本身，例如

#article {
   color          : red;
   border-bottom  : 1px solid black;
   padding-bottom : 1.5em;
}