CSS的圓角屬性可以幫助我們創建圓角形狀的元素，讓界面看起來更加圓潤美觀。其中，div元素是我們最常使用的元素，下面就來介紹如何使用CSS的圓角屬性來給div變圓角。

/* 使用border-radius屬性來給div變圓角 */
div {
border-radius: 10px; /* 圓角半徑為10px */
}

上面的代碼中，我們使用了CSS的border-radius屬性來給div變成10px的圓角。如果我們想要給div的每個角設置不同的圓角半徑，可以按照如下方式使用border-radius屬性：

/* 給每個角分別設置圓角半徑 */
div {
border-radius: 10px 0 20px 30px; /* 上左、上右、下右、下左的圓角半徑分別為10px、0、20px、30px */
}

除了使用border-radius屬性，我們還可以使用CSS3的transform屬性來給div變圓角。方式如下：

/* 使用transform和scale屬性給div變圓角 */
div {
transform: scale(1, 0.5); /* 水平方向不變，垂直方向縮小0.5倍 */
border-radius: 10px; /* 圓角半徑為10px */
}

上面的代碼中，我們使用了CSS3的transform屬性來把div在垂直方向上縮小0.5倍，然后再使用border-radius屬性來給div設置圓角。這樣做的好處是，相較于使用border-radius屬性，transform加上scale屬性的組合能夠更好地保持div的形狀及大小。