用 CSS 制作矩形

隨著 Web 開發的不斷進化，CSS 已經成為了 Web 頁面布局和設計的重要工具。CSS 可以用來創建各種類型的圖形，包括矩形。下面我們將通過一個簡單的例子來介紹如何使用 CSS 制作矩形。

HTML 代碼：

```html

CSS 代碼：

```css

.rectangle {

position: absolute;

width: 200px;

height: 100px;

background-color: #ff0000;

border-radius: 50%;

transform: rotate(-45deg);

上述代碼中，我們使用了 `position: absolute` 屬性來設置矩形的相對位置，然后設置了矩形的寬度和高度，以及背景顏色和圓角半徑。最后，我們使用了 `transform: rotate(-45deg)` 屬性來旋轉矩形45deg。

通過上述代碼，我們可以輕松創建一個矩形并將其添加到 Web 頁面中。當然，我們也可以將多個矩形添加到同一個頁面上，并且可以對其進行樣式設置，使其具有不同的外觀和大小。

除了矩形之外，CSS 還可以用于創建其他各種類型的圖形，如圓形、三角形、文本框等。通過掌握 CSS 的基礎知識和實踐操作，我們可以輕松地創建各種類型的 Web 頁面和交互式體驗。