[分享]css中border属性去内边距的

CSS中的border属性经常被用到，它可以为元素设置边框。 但是，当我们设置边框时，通常会发现边框与元素的内边距之间留有一定的间距。 这是因为元素的内边距会影响边框的位置，导致出现间距。 那么，如何...

<p>CSS中的border属性经常被用到，它可以为元素设置边框。</p>
<p>但是，当我们设置边框时，通常会发现边框与元素的内边距之间留有一定的间距。</p>
<p>这是因为元素的内边距会影响边框的位置，导致出现间距。</p>
<p>那么，如何去掉元素边框与内边距之间的间距呢？</p>
<pre>
.box {
  border: 1px solid black;
  padding: 0; /* 去掉内边距 */
  margin: 0; /* 去掉外边距 */
} 

以上代码中，将元素的padding设置为0即可去掉内边距。

同时，也应该将元素的margin设置为0，以去掉外边距。

总结一下，要去掉元素边框与内边距之间的间距，我们需要将元素的padding和margin都设置为0。