html5里面的圆点和方块,HTML – 如何在css的方框内放置一个圆圈？

要在 CSS 方框内放置一个圆圈，可以使用 CSS 的 border-radius 属性。这个属性可以让一个方框的四个角变成圆角，也可以让一个方框变成一个圆形。以下是一个示例 CSS 代码：

.circle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

上述代码会把一个宽高为 100 像素的方框变成一个圆形。如果你要在圆形内部放置一个圆点或方块，可以在这个圆形的 div 元素中添加一个子元素，然后对这个子元素设置相应的样式。例如：

<div class="circle">
  <div class="dot"></div>
</div>

.dot {
  width: 10px;
  height: 10px;
  background-color: red;
  border-radius: 50%;
}

上述代码会在一个圆形的 div 元素内部添加一个宽高为 10 像素的红色圆点。如果你想要一个方块而不是圆点，可以把 border-radius 属性的值改成 0，如下所示：

<div class="circle">
  <div class="square"></div>
</div>

.square {
  width: 10px;
  height: 10px;
  background-color: blue;
  border-radius: 0;
}

上述代码会在一个圆形的 div 元素内部添加一个宽高为 10 像素的蓝色方块。