CSS是一种用于描述网页样式和布局的语言，可以用于创建各种类型的网页，包括静态和动态网站。虽然CSS可以用于很多不同的用途，但编写基本的CSS代码需要一定的编程技能。下面是一个CSS基础编程题，可以让的思维热热身。
在一个HTML页面中，需要使用CSS将一个矩形区域变成圆形。该矩形区域的宽度和高度均为100像素，并且需要使用CSS的border-radius属性将圆形区域的外观设置为与原始矩形区域相同的颜色。
1. 创建一个HTML元素，使其宽度和高度均为100像素，并使用CSS的border-radius属性将其变成圆形。
“`html
<div>
2. 使用CSS的background属性将圆形区域的背景设置为与原始矩形区域相同的颜色。
“`css
.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: red;
3. 检查生成的圆形区域是否与原始矩形区域外观相同。可以通过浏览器的开发者工具检查。
完成上述任务后，您将学会如何使用CSS的border-radius属性将矩形区域变成圆形，并且学会了如何在CSS中设置背景颜色。通过完成这个练习，您将有助于提高您的CSS编程技能。