字母i上的交替颜色点 [英] Alternate color dot over the letter i

问题描述

我受到这个相当蠢的想法的挑战。

I've been challenged with this rather silly idea.

所以我可以用 Blabla [span class = superI] i [/ span] >：）

So can I replace all "i" occurrences with Blabla[span class=superI]i[/span]rest : )

我的想法是添加一个额外的（红色）i后面真正的i，并剪切掉真正的i。

My idea is adding an extra (red) i "behind" the real i, and clipping the top off the real i.

这是可能吗？

推荐答案

=http://jsbin.com/urOtixog/1/edit> http://jsbin.com/urOtixog/1/edit

Another solution http://jsbin.com/urOtixog/1/edit

这字体大小可以改变。

@Fiskolin这是可能的...很容易。

@Fiskolin It is possible ... and quite easy.

<p>th<span class="i">i</span>s</p>

CSS

p {
  font-size: 165px;
}
.i {  
  color: red;
  position: relative;
}
.i:before {
  content: "ı";
  position: absolute; 
  color: black;
}

这篇关于字母i上的交替颜色点的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！