CSS文件可以通過設置盒子的圓角來讓頁面看起來更加美觀。盒子圓角主要使用圓角屬性border-radius來實現。
下面是一個基本的CSS代碼，用來設置一個帶有10像素圓角的盒子：

.box {
border-radius: 10px;
}

這里的.box是CSS選擇器，它會將樣式應用到帶有box類名的HTML元素，你可以根據需要改變類名。
如果你想設置不同的圓角大小，可以像下面這樣指定每個角的大小：

.box {
border-top-left-radius: 10px;
border-top-right-radius: 20px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 15px;
}

上面的代碼將盒子的左上角設置為10個像素大小的圓角，右上角設置為20個像素大小的圓角，左下角設置為5個像素大小的圓角，右下角設置為15個像素大小的圓角。
如果你想讓圓角更加圓滑，可以使用相對大小的百分比值：

.box {
border-radius: 50%;
}

上面的代碼將會讓盒子的圓角變成完全圓形，這是一種非常流行的設計風格。
除了在CSS文件中設置圓角外，你還可以使用JavaScript來動態地添加和移除圓角。不過這超出了本文的范圍，希望本篇文章對您有所幫助。