在網頁設計中，矩形形狀是經常用到的一種圖形，今天我們就來學習如何使用CSS代碼來建立一個簡單的矩形。下面就是代碼：

.rectangle {
width: 200px;
height: 100px;
background-color: grey;
border: 1px solid black;
}

我們首先創建一個CSS類名為"rectangle"的樣式。然后，我們使用width和height屬性分別設置矩形的寬度和高度。接下來，我們使用background-color屬性來設置矩形的顏色為灰色。最后，我們使用border屬性來添加一個1像素寬的黑色邊框。

我們要使用這個矩形樣式，只需要在HTML頁面中使用div標簽并添加類名。下面是示例代碼：

<div class="rectangle"></div>

在上面的代碼中，我們創建了一個空的div標簽，并將類名設置為"rectangle"，然后這個標簽就會自動應用我們在CSS樣式中定義的矩形樣式?，F在，我們已經成功地用CSS代碼建立了一個簡單的矩形！