css 方形变圆形 |css fade 动画

ps导入css，css的基本框架，css添加属性值，css+按钮hover特效，css 鼠标滑过下划线，css 选择器元素之前，css fade 动画 css 方形变圆形 |css fade 动画

.square {
width: 200px;
height: 200px;
background-color: #4CAF50;
}
.circle {
width: 200px;
height: 200px;
border-radius: 50%;
background-color: #4CAF50;
}

在上面的代码中，大家创建了一个方形的 div 元素，并给它一个绿色的背景。接着，大家复制了这个代码并给它一个新的类名 ‘circle’。大家在新的 CSS 规则中添加了 ‘border-radius: 50%’，它的值是元素宽度和高度的一半，使得整个元素呈现圆形。大家将 ‘background-color’ 属性添加到新的类名中来调整背景色。

现在，大家将 ‘circle’ 类名添加到 div 元素中，它将变成圆形。

<div class="square"></div><div class="circle"></div>

这是一个简单的方法来将方形元素变成圆形。你也可以调整圆角的大小来创建不同大小的圆形元素。希望这篇文章对你有所帮助。