超简单使用html定义一个红色小圆点
两种方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>奇葩天地网www.qipa250.com</title>
</head>
<body>
<div>
方法1:
<i style="width:20px;height:20px;border-radius:50%;background-color:red;display: block"></i>
</div>
<div>
方法2:
<div style="width:20px;height:20px;border-radius:50%;background-color:blue;"></div>
</div>
</body>
</html>
效果图: