要给一个 <div> 元素添加圆角样式，你可以使用 CSS 的 border-radius 属性。这个属性允许你指定元素的圆角半径。
下面是一个示例，展示如何通过 CSS 将一个 <div> 元素的所有角都设置为圆角：
<style>
.rounded-div {border-radius: 10px;}
</style><div class="rounded-div">
这是一个带有圆角样式的 div 元素。
</div>
在上面的示例中，我们定义了一个 CSS 类名 .rounded-div，并将 border-radius 属性设置为 10px。然后，我们将这个类应用到 <div> 元素上，以便给它添加圆角样式。
你可以根据需要调整 border-radius 的值来改变圆角的大小。如果你只想给特定的角添加圆角，而不是所有角，你可以使用 border-radius 属性的不同取值方式。例如，你可以指定一个四个值的参数，分别对应左上角、右上角、右下角和左下角的圆角半径：
<style>
.custom-rounded-div {border-radius: 10px 20px 30px 40px;}
</style><div class="custom-rounded-div">
这是一个带有自定义圆角样式的 div 元素。
</div>
在上面的示例中，我们将左上角的圆角半径设置为 10px，右上角的圆角半径设置为 20px，右下角的圆角半径设置为 30px，左下角的圆角半径设置为 40px。
通过调整 border-radius 的取值，你可以创建出各种不同形状的圆角效果。