“`css
.circle {
width: 200px;
height: 200px;
border-radius: 50%;
background-color: blue;
在这个示例中，大家使用 `border-radius` 属性将同心圆的半径设置为 50%，同时使用 `background-color` 属性将同心圆的背景颜色设置为 blue。大家可以看到，通过 CSS 样式化，同心圆的效果非常清晰明了。
在实际应用中，大家还可以将同心圆与其他元素结合起来，例如与文字、图标等元素配合使用，以增强视觉效果和页面的可读性。通过合理的使用 CSS 样式，大家可以制作出丰富多彩的同心圆效果，从而提升网页的质量和用户体验。