如何使用CSS创建向下箭头？
如何使用CSS创建向下箭头？
提问于 2016-05-24 18:28:29
我尝试使用呈现为：：⇩的HTML ⇩创建一个白色向下箭头。
然而，我无法填满它，箭头上方和下面都有很多空间。
如何使用CSS创建相同的
回答 3
Stack Overflow用户
回答已采纳
发布于 2016-05-24 18:40:35
body{font-size:30px;}
i.arrow-down{
color: #f0f;
width: 0.5em;
height: 0.7em;
display: inline-block;
position: relative;
background: currentColor;
vertical-align: top;
} i.arrow-down:after{
border-right: 0.5em solid transparent;
border-left: 0.5em solid transparent;
border-top: 0.4em solid currentColor;
position: absolute;
content: "";
bottom: -0.3em;
left: -0.22em;
}Arrow Down <i class="arrow-down"></i>
Stack Overflow用户
发布于 2016-05-24 18:30:48
向下箭头↓的↓代码是
Stack Overflow用户
发布于 2016-05-24 22:19:40
对我来说似乎有很多工作要做，你考虑过使用图标吗？那么你就有能力对它们进行尺寸调整，给它们着色，变换它们等等。
http://fontawesome.io/icons/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/37421227
复制相关文章
相似问题
腾讯云开发者
