<分区>
标签 css
<分区>
有没有办法只在 css 中制作这种图标?
我知道我可以从 font-awesome 获取这个图标,但我需要一种只在 CSS 中制作它的方法。
最佳答案
这是可能的。我创建了一个主要的 div 包装器作为 flex box。这包含两个子 div。有创建三 Angular 形的 css 命令。
.wrapper
{
display:flex;
flex-direction:column;
padding:5px;
}
.top
{
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 20px solid black;
margin-bottom:5px;
}
.bottom
{
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-top: 20px solid #f00;
}
<div class="wrapper">
<div class="top">
</div>
<div class="bottom">
</div>
</div>
关于css - 这可能只在 css 中制作 "double sort"图标吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58509500/