css实现小圆点

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
.redcircle {undefined
position: absolute;
margin: 52px 45px;
width: 12px;
height: 12px;
background: #FF0000;
border-radius: 50%;
border: 1px solid #FF6347;
}
.greencircle {undefined
position: absolute;
margin: 52px 45px;
width: 12px;
height: 12px;
background: #228B22;
border-radius: 50%;
border: 1px solid #3CB371;
}

.greencircle:after {undefined
  content: '';
  margin: 3px;
  display: table;
  width: 6px;
  height: 6px;
  background: #2090ff;
  border-radius: 50%;
}
    </style>
</head>
<body>
    <div class="greencircle"></div>
</body>

</html>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容