css中如何把边框居中

在CSS中，边框本身并没有居中的属性，因为边框是围绕元素的边界绘制的。不过，如果你想要让一个带有边框的元素在父元素中居中，可以通过设置元素的`margin`属性来实现。这里有一个简单的例子：

.container {
  text-align: center; /* 父元素设置文本居中 */
}

.box {
  display: inline-block; /* 子元素设置为内联块元素，以便可以应用水平居中 */
  margin: 0 auto; /* 上下没有边距，左右自动计算，实现水平居中 */
  border: 1px solid #000; /* 设置边框 */
  width: 50%; /* 设置宽度 */
  height: 100px; /* 设置高度 */
}

然后在HTML中这样使用：

<div class="container">
  <div class="box"></div>
</div>

这样，具有边框的`.box`元素将会在`.container`中水平居中。需要注意的是，这种方法适用于块级元素的水平居中，因为`margin: 0 auto;` 只对块级元素生效。