如何使用CSS设置元素的边框内部距离？

在CSS中，可以使用padding属性来设置元素的边框内部距离，通过为元素的上、右、下、左四个方向分别设置内边距值，从而调整元素内容与边框之间的距离。

padding属性的常用值有：

• px：像素值，例如padding: 10px;
• em：相对于父元素字体大小的倍数，例如padding: 1em;
• %：相对于父元素宽度的百分比，例如padding: 5%;

下面是一个简单的代码案例：

.box {
  width: 200px;
  height: 150px;
  padding: 20px;
  border: 1px solid #000;
}

在上面的代码中，我们创建了一个类名为.box的元素，设置了宽度为200px、高度为150px，边框为1px实线黑色。通过padding: 20px;设置了元素的上、右、下、左四个方向的内边距为20px。

这样，元素的内容与边框之间就会有20px的距离，从而让页面看起来更加美观。

本文为翻滚的胖子原创文章,转载无需和我联系,但请注明来自猿教程iskeys.com

• 上一篇： 如何使用CSS设置元素的单个边框样式？
• 下一篇： 如何使用CSS设置元素的边框外部距离？