CSS樣式可以設置基本形狀、顏色和大小等基本方面的樣式，包括設置圓角也是其中的一項。CSS樣式可以將一個元素的角落設置成圓角，這樣能夠為網頁設計帶來更好的視覺效果，讓網頁顯得更加美觀和舒適。接下來，我們就來了解一下如何設置圓角的代碼。
CSS代碼中，設置圓角的代碼是border-radiu，使用該樣式可以設置盒子的圓角。它可以接收1到4個長度值參數，分別為上右下左，每個參數都可以設置像素值或百分比值來控制圓角的大小。例如：

p {
border-radius: 10px;
}

這個例子代碼為一個p標簽設置了10個像素的圓角，會使該段落的四個角邊緣變得更加圓潤。如果你的樣式需要讓左上角和右下角的圓角更大，可以將代碼寫成這樣：

p {
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
}

這段代碼會為p標簽設置左上角和右下角各20個像素的圓角，讓圓角更大更顯眼。同理，你也可以設置其它形狀的圓角如半圓等。

p {
border-radius: 20px 50px 20px 50px / 50px 20px 50px 20px;
}

這個例子代碼則會給p標簽設置如上圖所示的圓角形狀，上下兩個角是半圓，左右兩個角是大橢圓。
通過CSS樣式設置圓角，除了使網頁設計更加美觀之外，還能夠改變盒子元素的形狀，讓網頁顯示更加生動、多樣化。我們可以根據需求選擇不同的圓角值，來達到更好的設計效果。