CSS是一種很重要的前端技術，可以用來控制網頁的樣式。如果你想要在你的網頁中加上一個長方形，那么就需要使用CSS來實現。下面我們來看看如何用CSS制作一個長方形。

.rectangle {
width: 200px;
height: 100px;
background-color: #ccc;
}

上面的代碼中，“.rectangle”是用來定義長方形的類名。接下來，我們為這個類添加了寬度、高度和背景色三個屬性。其中，寬度設為200像素，高度設為100像素，背景色設為灰色。

但是，單獨這段代碼是不能實現長方形的，還需要將它放到HTML代碼中使用。下面是樣例代碼：

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

上面的代碼中，我們創建了一個div元素，并為它添加了rectangle這個類名。此時，這個div就已經成為了一個長方形。只需要在網頁中添加這段代碼，就可以看到一個長方形了。

當然，以上代碼只是其中的一種實現方式，還有很多其他的方式，可以讓長方形更加炫酷。但是，這個簡單的例子可以讓我們初步了解如何使用CSS制作長方形。