javascript - 在 CSS 中重新制作 Logo

Question

<分区>

Answer 1

你可以这样做:https://jsfiddle.net/b3jtc7v5/1/

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

CSS

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%;
}

使用 :before 伪元素，我们可以添加一个小圆圈并将其定位在文本中的 i 上。