想要在網頁中添加長方形的元素，我們可以通過CSS來實現。下面我們來介紹一下怎么弄一個長方形的CSS樣式。

.rectangle {
width: 200px; /*長方形的寬度*/
height: 100px; /*長方形的高度*/
background-color: blue; /*長方形的背景顏色*/
}

以上代碼可以創建一個藍色的長方形，寬度為200像素，高度為100像素。我們可以在其他元素中引用該樣式，例如下面的代碼：

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

在上面的代碼中，我們使用<div>標簽創建一個容器，該容器應用了rectangle樣式，從而生成了一個長方形元素。

如果我們想要創建一個不同顏色的長方形，只需要稍加修改樣式中的background-color屬性即可。例如，下面的代碼可以創建一個紅色的長方形：

.rectangle-red {
width: 150px;
height: 75px;
background-color: red;
}

同樣的，在HTML中使用該樣式的方法如下：

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

除了使用固定的尺寸和顏色，我們還可以使用一些CSS屬性來實現動態的長方形。例如，我們可以使用border-radius屬性來創建一個圓角長方形：

.rectangle-rounded {
width: 250px;
height: 125px;
background-color: green;
border-radius: 10px;
}

HTML代碼如下：

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

在上面的代碼中，我們使用border-radius屬性來設置長方形的圓角半徑，從而生成了一個圓角長方形。

通過使用CSS樣式，我們可以輕松創建出各種形狀的元素。以上介紹的只是入門級別的樣式，如果你想要更深入的了解CSS，可以繼續學習CSS的其他屬性和技巧。