CSS是一种样式表语言，可以帮助我们美化网页的外观。在网页设计中，圆角的div元素经常被使用。那么，如何使用CSS将一个普通的div变成一个圆角的div呢？

首先，我们需要在CSS中使用border-radius属性。

div {
border-radius: 10px;
}

在这个例子中，我们将div的圆角半径设置为10个像素。你可以根据你的需求来设置圆角的大小。

除了border-radius属性以外，我们还可以使用-webkit-border-radius属性和-moz-border-radius属性来分别设置Safari/Chrome和FireFox浏览器中的圆角。例如：

div {
-webkit-border-radius: 10px; /* Safari/Chrome */
-moz-border-radius: 10px; /* FireFox */
border-radius: 10px; /* 标准属性 */
}

最后，我们将border-color和border-style属性添加到CSS样式表中，来改变div的边框样式和颜色：

div {
border-radius: 10px;
border-color: black;
border-style: solid;
}

通过这些代码，我们可以轻松地把一个普通的div变成一个美观的、圆角的div。