我使用 icomoon 作为我的图标字体。有些图标是圆形的。有没有一种方法可以在图标形状周围绘制圆形边框?
我试过定位图标并为其添加边框,但它绘制为框边框。有什么方法可以定位形状本身吗?
HTML
<span class="icn icn-clock-circle" style="border: 1px solid red;">::before</span>
CSS
.icn-clock-circle:before {content: "\e9dd";}
感谢您的帮助。
最佳答案
是的,在你的 ::before
元素上放置一个 border-radius
:
.icn-clock-circle::before {
content: "\e9dd";
display: block;
width: 20px;
height: 20px;
border-radius: 50%;
border: red solid 1px;
}
您必须将 width
和 height
值调整为图标的大小,因为您没有提供足够的 HTML/CSS。
关于html - 可以在圆形图标字体周围绘制 css 边框吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57577836/