css3正方形转换圆形 |css文字间的间距

/*定义一个正方形*/
.square{
width: 100px;
height: 100px;
background-color: blue;
}
/*将正方形转换成圆形*/
.square{
border-radius: 50%;
}

上面的代码演示了如何使用border-radius属性将一个正方形元素转换成圆形元素。border-radius属性的值为50%，这就表示将该元素的4个角全部变成半径为宽度的一半的圆角，这样就可以得到一个圆形元素。大家可以通过调整border-radius属性的值来控制元素的角变成的圆角大小。

值得注意的是，如果在border-radius属性中使用非50%的值，则会产生椭圆形元素。此外，border-radius属性也可以实现不同的圆角大小和不同的圆角位置，从而实现更加丰富的圆角效果。

最后，CSS3的转换功能可以帮助大家实现更加灵活多样的元素效果，为网页设计提供更多的可能性。