css中怎么设置边框为圆形

在 CSS 中，我们可以通过设置边框的圆角属性来实现圆形边框的效果。
首先，我们可以使用 `border-radius` 属性来设置边框的圆角大小。这个属性需要接受一个值或者是多个值来确定圆角的大小。如果只传入一个值，那么就会将所有圆角都设置为该值，如果想要分别设置不同的边角，则需要传入四个值，分别对应左上角、右上角、右下角、左下角的圆角大小。
例如，下面的代码可以将 `.circle` 类的边框设置为一个圆形：

css
.circle {
  width: 100px;
  height: 100px;
  border: 2px solid black;
  border-radius: 50%;
} 

我们可以看到，在这个样式中，我们将 `.circle` 类的宽和高都设置为了 100px，然后设置了一个 2px 的黑色实线边框，并且将 `border-radius` 属性设置为 50%。这个 50% 是相对于 `.circle` 元素本身宽度的一半来计算的，因此我们可以得到一个圆形的边框。
如果我们想要设置不同的边角圆角大小，可以使用以下代码：

css
.box {
  width: 100px;
  height: 100px;
  border: 2px solid black;
  border-radius: 30px 10px 20px 5px;
} 

这个样式会将 `.box` 类的边框设置为一个不规则的形状，左上角为 30px，右上角为 10px，右下角为 20px，左下角为 5px 的圆角。
总结来说，要实现圆形边框的效果，需要设置边框的 `border-radius` 属性为宽度的一半即可。如果想要实现不规则的圆角，则需要传入多个值来设置不同边角的大小。