.circle { width: 20px; height: 20px; border-radius: 50%; background-color: black; }
上述代码定义了一个类名为“circle”的样式,其中包含了对圆点的尺寸、圆角度数以及背景颜色的设置。其中,圆形的半径由“width”和“height”共同决定,而“border-radius”则是控制圆角度数的属性。
通过在HTML中添加一个类名为“circle”的元素,在页面上就可以展现一个实心大圆点了:
<div class="circle"></div>
当然,除了黑色,大家还可以设置其他的颜色,比如红色、绿色等等:
.circle { width: 20px; height: 20px; border-radius: 50%; background-color: green; }
上述代码将圆点的背景颜色设置为绿色。
总的来说,实心大圆点是一个使用频率较高的装饰元素,通过CSS代码可以方便地设置其样式,达到不同的视觉效果。