Javascript 用CSS重新制作徽标

是否可以使用CSS重新制作此徽标，以便我可以将其作为文本

---

您可以这样做：

---

使用

：在

伪元素之前，我们可以添加一个小圆圈，并将其放置在文本中的

i

上方。

请回顾有关堆栈溢出的问题以及什么类型的问题和什么类型的问题，感谢您标记了一个完全合法的问题。现在它不会得到回答。我们希望您至少尝试自己编写代码。堆栈溢出不是代码编写服务。我建议你做一些额外的研究，要么通过谷歌，要么通过搜索，尝试一下。如果您仍然有问题，请返回您的代码，并解释您尝试了什么以及为什么它不起作用。是的，这在CSS中是可能的。你甚至不需要JavaScript。另一个选项可能是这样的-但支持可能不是很好，在Chrome中查看。

<h1>acquire<span>media</span></h1>

h1 { 
    font-family:arial; 
    color:#000; 
    position:relative;
    display:inline-block;
}

h1 span { 
    color:lime; 
}

h1:before { 
    content:""; 
    position:absolute; 
    top:0; 
    left:75px;
    color:lime;
    width:10px;
    height:10px;
    background-color:lime;
    border-radius:50%;
}


h1 span:after { 
   content:""; 
    position:absolute; 
    top:0; 
    left:180px;
    width:10px;
    height:10px;
    background-color:black;
    border-radius:50%;
}