.circle { width: 50px; height: 50px; border-radius: 50%; background-color: #ff0000; }
以上是一个简单的 CSS 代码,通过这个代码大家可以创建一个红色的圆形,具体的实现过程是这样的:
- width: 指定了圆形的宽度为 50 像素。
- height: 指定了圆形的高度为 50 像素。
- border-radius: 指定了圆形的半径为宽度/2,也就是 25 像素。
- background-color: 指定了圆形的背景颜色为红色。
以上就是画一个圆形的代码了。CSS 能够实现的样式效果非常多,只要学好了 CSS,就可以让网页变得更加美观、个性化。