html - 控制边框长度

Question

我想限制应用于 div 元素(或任何 HTML 元素)的边框长度。例如，考虑一个 宽度为 100px 的 div，是否可以将边框应用于 仅 40px 宽度本身？

Answer 1

您需要使用适当宽度的子 div 来做到这一点。例如:

<div id="outer">
  <div id="border"></div>
  <p>...</p>
</div>

与:

#outer { width: 100px; padding-top: 0; }
#border { width: 40px; border-top: 1px solid black; margin-top: 0; }