css如何写出一个点

在CSS中，我们可以通过border-radius属性来创建一个圆形。使用这个属性还可以创建半圆、椭圆等其他形状。 要创建一个圆形，我们可以将border-radius属性设置为50%。如下所示：

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

这个代码将创建一个宽和高都为100像素的红色圆形。 如果我们想要在页面中创建一个点，我们可以使用CSS绘制一个小圆圈。可以通过设置圆圈的宽度和高度为1像素，并设置圆圈的背景颜色为黑色或其他明显的颜色。

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

使用这段代码，我们就可以在页面中创建一个黑色的小点。如果我们想要调整点的大小，可以将宽度和高度增加到我们希望的大小。

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

这样我们就可以创建一个直径为5像素的黑色点。 通过CSS，我们可以轻松地创建各种形状和样式的元素，包括圆圈和点。只需要了解不同的属性和值组合，就可以写出漂亮的CSS代码。