CSS提供了多種方式來創建圓形，本文介紹如何用CSS創建圓形。

.circle {
display: inline-block;
width: 50px;
height: 50px;
border-radius: 50%;
background-color: red;
}

上述代碼是創建一個圓形的基本代碼，其中關鍵是使用border-radius屬性將邊框角度設置為50%實現圓形效果。您還可以通過設置寬度和高度屬性來控制圓形的大小

.circle:hover {
transform: scale(1.2);
}

使用transform屬性可以實現在鼠標hover時放大圓形的效果。

.circle:before {
content: "";
display: block;
padding-top: 100%;
}

使用:before偽元素可以創建一個等比例的占位符，以保持圓形的寬高相等，以便在未知大小的容器中使用。

總結，以上三段代碼可以結合使用，實現圓形并支持hover和響應式等功能。用CSS創建圓形很簡單，讓我們一起掌握吧！