[分享]css写一个圆点

CSS是一门用于控制网页样式的语言，可以使用它来改变 HTML 元素的外观。在这里我们将介绍如何用 CSS 创建一个圆点。/ 用 CSS 创建一个圆点 / .dot { width: 10px; he...

CSS是一门用于控制网页样式的语言，可以使用它来改变 HTML 元素的外观。在这里我们将介绍如何用 CSS 创建一个圆点。

/* 用 CSS 创建一个圆点 */
.dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: black;
} 

上面的代码创建了一个名为 ".dot" 的 CSS 类，其 width 和 height 属性都为 10px，这使得圆点成为一个正方形。然而，我们使用 border-radius 属性将圆点的四个角变为圆角，最终使它成为一个圆形。background-color 属性用于设置圆点的背景颜色为黑色。

接下来，我们可以在 HTML 文件中使用这个 CSS 类来创建一个圆点元素：

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

如此便可在网页中显示一个小小的黑色圆点。上面的 ".dot" CSS 类可以用于创建更加复杂的图形，例如使用它创建一个进度条或者在网页上画点线图等。