css中怎样设置边框的距离

CSS中边框的距离，可以使用padding属性来设置元素边框和内容之间的距离。padding属性有四个值，分别代表上、右、下、左的距离值。例如，设置所有方向的距离时，可以使用如下代码：

<br>
.box {<br>
  border: 1px solid black;<br>
  padding: 10px;<br>
}<br> 

上述代码中，我们设置了.box元素的边框为1px宽、黑色的实线，而padding属性为10px。这将会在.box元素的边框与内容之间添加10px的距离。如果我们只想设置某个方向的距离，可以分别使用padding-top、padding-right、padding-bottom和padding-left属性。例如：

<br>
.box {<br>
  border: 1px solid black;<br>
  padding-left: 20px;<br>
}<br> 

上述代码中，我们设置了.box元素的边框为1px宽、黑色的实线，而padding-left属性为20px。这将会在.box元素的左边框与内容之间添加20px的距离。
总结来说，要设置元素边框和内容之间的距离，可以使用padding属性。该属性包含四个值，分别代表上、右、下、左的距离值。如果只想设置某个方向的距离，可以使用对应的padding属性。