首先,大家来看看如何使用CSS来创建一个简单的实心圆:
.circle { border-radius: 50%; width: 100px; height: 100px; background-color: #f00; }
上面的代码中,大家使用了border-radius属性来创建圆形的边框,把宽高设置为相等的值,这样就可以得到一个实心的圆形了。
接下来,大家来看看如何创建一个空心圆:
.circle { border-radius: 50%; width: 100px; height: 100px; border: 2px solid #f00; }
这次,大家使用了border属性来设置圆形的边框样式,把宽高设置为相等的值,然后把边框宽度设为2px,这样就可以得到一个空心的圆形了。
总的来说,通过CSS来创建实心圆和空心圆是非常简单的,只需要设置相应的属性即可。