css中边框设两边圆弧

在CSS中，如果你想让元素的边框呈现出两边圆角的效果，可以使用`border-radius`属性。这个属性用于设置元素四个角落的圆角半径。如果你只想对边框两侧创建圆弧，而不是所有四个角，你可以结合其他CSS技巧来实现，例如：

1. `border-left`: 对左边缘添加边框样式。
2. `border-right`: 对右边缘添加边框样式。
3. `border-top-left-radius` 和 `border-bottom-left-radius`: 分别控制左上角和左下角的圆角半径。
4. `border-top-right-radius` 和 `border-bottom-right-radius`: 分别控制右上角和右下角的圆角半径。

例如，下面的CSS代码会让元素的左边框和右边框各有圆角：

.box {
  border-left: 10px solid #ccc;
  border-right: 10px solid #ccc;
  border-radius: 5px 5px; /* 只设置左右两侧的圆角 */
}

在这个例子中，`5px`是你希望的圆角半径值，你可以根据需要调整它。