CSS是網頁設計中必不可少的一部分，它用于控制網頁的樣式和布局。其中，圓角框是一種經常被使用的設計元素，它可以讓網頁看起來更加美觀和舒適。在CSS中，我們可以使用border-radius屬性來實現框變圓角。

.box{
border-radius: 10px; 
	}

使用border-radius屬性可以將一個元素的邊框變為圓角邊框。border-radius屬性接收一個或多個參數，用空格隔開。

如果只有一個參數，那么這個參數表示所有四個角的圓角半徑大小。

.box{
border-radius: 10px; //將所有四個角的圓角半徑大小設置為10px
	}

如果有兩個參數，那么第一個參數表示左上角和右下角的圓角半徑大小，第二個參數表示右上角和左下角的圓角半徑大小。

.box{
border-radius: 10px 20px; //將左上角和右下角的圓角半徑大小設置為10px，右上角和左下角的圓角半徑大小設置為20px
	}

如果有四個參數，那么分別表示左上角、右上角、右下角和左下角的圓角半徑大小。

.box{
border-radius: 10px 20px 30px 40px; //將左上角圓角半徑大小設置為10px，右上角圓角半徑大小設置為20px，右下角圓角半徑大小設置為30px，左下角圓角半徑大小設置為40px
	}

CSS中的border-radius屬性不僅可以用于圓角框的創建，還可以用于圖片的圓角處理、按鈕的樣式調整等等。在網頁設計中，掌握border-radius屬性的用法可以讓我們更加輕松地打造出美觀而舒適的網頁。