如何使用HTML定义一个红色小圆点 🌟

在网页设计中，有时候我们需要在页面上添加一些简单的图形元素，比如一个小红点。这不仅可以用作装饰，还可以用于强调某些内容。下面将介绍如何使用HTML和CSS来创建这样一个红色小圆点。

首先，打开你的代码编辑器，并创建一个新的HTML文件。在文件中添加以下基本结构：

```html

```

在这段代码中，我们通过CSS定义了一个名为`.red-dot`的类。这个类设置了宽度和高度为10像素，并且背景颜色为红色。为了使这个小方块变成圆形，我们使用了`border-radius: 50%`属性，这样就得到了一个完美的圆形。

保存并预览你的HTML文件，你将会看到一个小小的红色圆点出现在页面上。这样的小技巧可以在许多场景下派上用场，比如作为列表项的标记或者页面上的装饰元素。希望这个简单的教程对你有所帮助！🌟