最佳答案
转换后的伪元素可以用来创建这个:
body { text-align: center; }
.text {
display: inline-block;
vertical-align: top;
padding-bottom: 10px;
position: relative;
text-align: center;
padding: 20px 10px;
line-height: 24px;
min-width: 100px;
background: #333;
font-size: 20px;
color: #fff;
}
.text::before {
transform: translateX(-50%);
border-radius: 100%;
position: absolute;
background: blue;
bottom: 10px;
height: 8px;
content: '';
width: 8px;
left: 50%;
}
<div class="text">about</div>
关于html - 如何在文本下创建一个点/小圆圈?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44236541/