css 绘制小圆点

1.直接上代码

<html>
<head>
<style type="text/css">

.dot {
  position: absolute;
  top: 50%;
  margin-left: -5px;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #ffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
 
}


</style>
</head>

<body>
<h1 class="important">css绘制小圆点</h1>

<div class="dot" style=" background: red;" ></div>
</body>
</html>

2.实现效果

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/liuyunshengsir/article/details/106276177