CSS是一種用于描述網頁樣式的語言，可以用來控制頁面各種元素的樣式。其中，矩形是頁面中常見的一種元素，我們今天就來看看如何使用CSS來改變矩形的樣式。

.rectangle {
width: 200px;  //矩形的寬度
height: 100px;  //矩形的高度
background-color: #FFC0CB;  //矩形的背景顏色
border: 1px solid #000000;  //矩形的邊框樣式和顏色
border-radius: 10px; //矩形的圓角半徑
box-shadow: 2px 2px 2px #000000; //矩形的陰影效果
}

你可以根據自己的需要對以上屬性進行修改，例如改變矩形的大小、背景顏色、邊框樣式和圓角半徑等。同時，CSS還支持通過偽類選擇器來完成更復雜的矩形效果，例如懸停時的變化效果。

.rectangle:hover {
background-color: #FF1493;  //鼠標懸停時矩形的背景顏色
transform: scale(1.2); //鼠標懸停時矩形的放大效果
}

通過以上方法，你可以輕松改變矩形的樣式，并實現更加豐富的效果。同時，我們還可以通過CSS中的其他屬性和選擇器來控制網頁中各種元素的樣式，讓頁面更加具有吸引力和個性化。