小姑娘
我正在使用html实体（代码）＆＃9679; 这是一个黑色填充圆圈（●）。
我想显示图像的前半部分或后半部分（实心半圆）。
我可以使用实心半圆的图像来实现此目的，但是我想使用html实体，因为这样可以减少页面加载时间
聚苯乙烯
好吧，最简单的方法是只使用Unicode'RIGHT HALF BLACK CIRCLE'字符HTML实体◗。
◗
参见维基百科：几何形状
更新：对于更一般的解决方案，您可以使用以下方法：
<span class="clip">
<span class="l-half">◉</span>
</span>
.clip {
overflow: hidden;
display: inline-block;
}
.l-half {
font-size: 72px;
position: relative;
left: -50%;
}
示范
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
我来说两句