CSS基礎編程題：讓你的思維熱熱身

CSS是一種用于描述網頁樣式和布局的語言，可以用于創建各種類型的網頁，包括靜態和動態網站。雖然CSS可以用于很多不同的用途，但編寫基本的CSS代碼需要一定的編程技能。下面是一個CSS基礎編程題，可以讓的思維熱熱身。

在一個HTML頁面中，需要使用CSS將一個矩形區域變成圓形。該矩形區域的寬度和高度均為100像素，并且需要使用CSS的border-radius屬性將圓形區域的外觀設置為與原始矩形區域相同的顏色。

1. 創建一個HTML元素，使其寬度和高度均為100像素，并使用CSS的border-radius屬性將其變成圓形。

```html

<div style="width: 100px; height: 100px;border-radius: 50%; background-color: red;">

2. 使用CSS的background屬性將圓形區域的背景設置為與原始矩形區域相同的顏色。

```css

.circle {

width: 100px;

height: 100px;

border-radius: 50%;

background-color: red;

3. 檢查生成的圓形區域是否與原始矩形區域外觀相同?？梢酝ㄟ^瀏覽器的開發者工具檢查。

完成上述任務后，您將學會如何使用CSS的border-radius屬性將矩形區域變成圓形，并且學會了如何在CSS中設置背景顏色。通過完成這個練習，您將有助于提高您的CSS編程技能。