CSS 矩形(Square Rectangle)

CSS 是用于控制網頁布局和樣式的技術。在 CSS 中，我們可以使用矩形(Square Rectangle)來定義一個二維的矩形區域，包括大小、顏色、邊框等屬性。矩形是一種常見的元素，可以用于布局和格式化網頁內容。

在 CSS 中，矩形的定義可以使用方括號和圓括號包裹一個或多個元素來定義。例如，以下代碼定義了一個正方的矩形區域：

```css

rect {

width: 100px;

height: 100px;

background-color: #ff0000;

border-radius: 50%;

border: 2px solid #000000;

上面的代碼定義了一個寬度為 100 像素、高度為 100 像素的正方型矩形區域，背景顏色為白色，邊框半徑為 50%，邊框為 2 像素的實線。

除了正方型矩形外，CSS 還可以定義其他形狀的矩形區域，例如圓形、橢圓形、多邊形等。以下是一個簡單的圓形矩形區域的定義：

```css

circle {

radius: 50px;

width: 100px;

height: 100px;

background-color: #ff0000;

border-radius: 50%;

border: 2px solid #000000;

上面的代碼定義了一個半徑為 50 像素的圓形矩形區域，寬度為 100 像素、高度為 100 像素，背景顏色為白色，邊框半徑為 50%，邊框為 2 像素的實線。

在 CSS 中，我們可以使用上述代碼中的各種屬性來自定義矩形區域的大小、顏色、邊框等屬性，以滿足不同的需求。例如，我們可以使用 background-color 屬性來更改矩形的背景顏色，使用 border-radius 屬性來更改矩形的邊框半徑，使用border 屬性來更改矩形的邊框顏色等。

CSS 矩形區域是 CSS 中非常強大和靈活的工具，可以用于各種布局和格式化需求。通過使用矩形，我們可以創建各種形狀的矩形區域，并自定義其屬性，以滿足不同的需求。