div元素的边框设置圆角，你可以使用 CSS 的 border-radius 属性结合 border 属性来实现。
下面是一个示例，展示如何给一个带有边框的 <div> 元素设置圆角：
<style>
.rounded-border-div {
border: 2px solid #000;
border-radius: 10px;
}
</style><div class="rounded-border-div">
这是一个带有圆角边框的 div 元素。
</div>
在上面的示例中，我们定义了一个 CSS 类名 .rounded-border-div，并设置了 border 属性为 2px solid #000，这会给 <div> 元素添加一个黑色的边框，宽度为 2 像素。然后，我们使用 border-radius 属性将边框的四个角都设置为圆角，圆角半径为 10 像素。
通过调整 border-radius 的值，你可以改变边框的圆角大小。你也可以通过指定不同的边框宽度和样式来自定义边框的外观。
请注意，border-radius 属性同时适用于元素的内容区域和边框。如果你想要分别设置内容区域和边框的圆角样式，你可以使用 border-radius 属性的不同取值方式，如：
<style>
.custom-rounded-border-div {
border: 2px solid #000;
border-radius: 10px;
overflow: hidden;
}
</style><div class="custom-rounded-border-div">
<div class="content">
这是一个带有自定义圆角边框的 div 元素。
</div>
</div>
在上面的示例中，我们添加了一个额外的 <div> 元素用于包裹内容，并给这个内部的 .content <div> 应用了圆角样式。通过设置外部的 .custom-rounded-border-div 的 overflow 属性为 hidden，我们实现了边框的圆角效果，而内容区域则保持默认的直角样式。
这样，你就可以根据需要对 <div> 元素的边框进行圆角设置了。