CSS是一種樣式表語言，它可以讓網(wǎng)頁變得更美觀和易于閱讀。制作長方形是CSS中最基礎的一種樣式，今天我們就來學習一下如何使用CSS制作長方形。

/*這是我們制作長方形的CSS樣式*/
.square{
width: 200px;   /*長方形的寬度*/
height: 100px;  /*長方形的高度*/
background-color: #f00; /*長方形的背景色*/
}

在CSS中，我們可以通過設置元素的寬度和高度來制作長方形。在上面的代碼中，我們設置了一個名為"square"的元素，它的寬度為200px，高度為100px，而且它的背景色被設置為了紅色(#f00)。

在HTML中，我們使用div標簽來容納我們的長方形元素：

<div class="square"></div>

這個div元素的class屬性被設置為"square"，它就擁有了我們之前設置的樣式。現(xiàn)在，我們在網(wǎng)頁上就可以看到一個寬度為200px，高度為100px的紅色長方形了。

當然，除了背景色之外，我們還可以設置長方形的邊框，邊框樣式，以及陰影等等。這里就不再贅述了，希望大家可以在今后的學習中掌握更多CSS技巧。