在創(chuàng)建網(wǎng)頁(yè)時(shí)，矩形形狀是我們經(jīng)常需要使用到的，我們可以使用 CSS 樣式來(lái)創(chuàng)造一個(gè)矩形。

/* HTML 代碼 */
<div class="rectangle"></div>/* CSS 樣式 */
.rectangle {
width: 200px; /* 寬度 */
height: 100px; /* 高度 */
background-color: #5e5e5e; /* 背景顏色 */
}

上述代碼中，我們創(chuàng)建了一個(gè) div 元素，并添加了一個(gè) class 名稱為 rectangle，寬度為 200px，高度為 100px，背景顏色為 #5e5e5e，這就是我們的矩形。

除此之外，我們還可以添加其他的 CSS 樣式來(lái)修改我們的矩形。比如，我們可以添加邊框樣式，使矩形更加醒目。

/* CSS 樣式 */
.rectangle {
width: 200px;
height: 100px;
background-color: #5e5e5e;
border: 2px solid #ff0000; /* 邊框樣式 */
}

上述代碼中，我們添加了一個(gè) 2px 寬度的紅色實(shí)線邊框。

除了邊框樣式，我們也可以添加陰影效果、圓角等其他樣式來(lái)美化我們的矩形。

使用 CSS 樣式來(lái)創(chuàng)造矩形是非常簡(jiǎn)單的，只需要在代碼中添加相應(yīng)的樣式就可以實(shí)現(xiàn)。在設(shè)計(jì)網(wǎng)頁(yè)時(shí)，矩形形狀也是非常有用的，可以用來(lái)制作按鈕、列表、卡片等各種元素。