CSS畫園矩形

CSS是用于設計和構建網頁和Web應用程序的一門現代編程語言。它可以用于創建各種樣式，包括形狀、顏色、紋理、布局等等。在這個例子中，我們將使用CSS畫一個圓形的矩形。

首先，我們需要了解如何使用CSS選擇器和屬性來繪制矩形。CSS選擇器和屬性可以用來選擇和改變HTML元素的屬性，包括寬度、高度、位置、顏色等等。我們可以使用以下屬性來繪制矩形：

#矩形 {

width: 200px;

height: 200px;

border: 1px solid red;

在這個例子中，我們使用了`#矩形`選擇器來選擇一個元素，并設置其寬度和高度為200像素，并使用`border`屬性來設置其邊框顏色為紅色。

我們可以使用多個選擇器和屬性來繪制復雜的形狀和布局。例如，我們可以使用以下屬性來繪制一個園形矩形：

#矩形 {

width: 200px;

height: 200px;

border: 1px solid red;

border-radius: 50%;

在這個例子中，我們使用了`#矩形`選擇器來選擇一個元素，并設置其寬度和高度為200像素，并使用`border-radius`屬性來設置其圓角半徑為50%。

我們可以使用CSS的多個屬性和選擇器來創建各種不同的形狀和布局。通過靈活使用這些屬性和選擇器，我們可以輕松地創建各種復雜的Web設計。