CSS樣式在頁面設(shè)計(jì)中扮演著重要的角色，其中div圓角是一個(gè)常見的應(yīng)用。通過設(shè)置圓角可以讓頁面元素更加柔和，同時(shí)也更加美觀。

/*設(shè)置div圓角*/
div{
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
/*以上三個(gè)屬性分別是主流瀏覽器的前綴，用來兼容不同瀏覽器*/

代碼中可以看到，設(shè)置div圓角非常簡(jiǎn)單，只需要使用border-radius屬性即可。如果需要兼容不同瀏覽器，可以加上-moz-border-radius和-webkit-border-radius這兩個(gè)前綴，以確保在不同瀏覽器下效果一致。

設(shè)置div圓角值越大，則圓角弧度越大，反之亦然。例如，如果將border-radius的值設(shè)為50px，則圓角會(huì)非常圓潤(rùn)；將值設(shè)為1px，則會(huì)呈現(xiàn)出略微圓潤(rùn)的效果。

除了設(shè)置div圓角外，還可以通過設(shè)置元素的圓角屬性來實(shí)現(xiàn)更加豐富的頁面效果。例如，可以給按鈕設(shè)置圓角，使其看起來更有質(zhì)感。

/*設(shè)置按鈕圓角*/
button{
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
background-color: #e74c3c;
color: #fff;
padding: 10px 20px;
border: none;
}
/*以上代碼實(shí)現(xiàn)了一個(gè)圓角按鈕*/

通過設(shè)置按鈕的border-radius屬性，可以讓按鈕呈現(xiàn)出圓潤(rùn)的外觀。同時(shí)，設(shè)置按鈕的背景色、字體顏色、內(nèi)邊距和邊框?qū)傩缘龋梢宰尠粹o的樣式更加豐富，給用戶帶來良好的使用感受。