CSS - 边框半径

-1

我需要精确地重新创建一个图标。一个我从字体真棒已是不完全一样，这里的区别 -CSS - 边框半径

底部的形象是怎么需要它的样子。我可以使用边框半径在图标周围创建圆形吗？我怎么做？

我从FA编码直接的图标 -

与字体真棒

<i class="fa fa-angle-down fa-3x" aria-hidden="true"></i>

来源

2017-06-29 Mike.Whitehead

仍有fontawesome一个'字形的圆down'图标 - http://fontawesome.io/icon/chevron-circle-down/ –

@NikhilNanjappa你能够改变颜色？与黑色雪佛龙的白色圆圈？我需要它来做其他事情。 –

是的，圆形的颜色可以更改为'颜色：白色'到'fa-chevron-circle-down'类，但箭头的颜色将是背景的颜色。那很好吗？如果没有，那么你有选择，但使用font-awesome中的“堆叠”图标 –

试试这个

.xyz{ 
 
width:150px; 
 
height:150px; 
 
background:blue; 
 
}

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" /> 
 
<div class="xyz"> 
 
<span class="fa-stack fa-lg"> 
 
    <i class="fa fa-circle fa-stack-2x" style="color:#fff"></i> 
 
    <i class="fa fa-chevron-down fa-stack-1x"></i> 
 
</span> 
 
</div>

来源

2017-06-29 12:58:06

可以叠加的图标，所以只需添加一个圆圈你的图标，像这样：

<span class="fa-stack fa-lg"> 
    <i class="fa fa-circle fa-stack-2x"></i> 
    <i class="fa fa-angle-down fa-3x" aria-hidden="true"></i> 
</span>

看看http://fontawesome.io/examples/举些例子。

来源

2017-06-29 12:39:14

试试下面的代码：

<i class="fa fa-chevron-circle-down" aria-hidden="true"></i>

来源

2017-06-29 12:42:05 Riyaz

尝试四舍五入圆级引导4这样做。 https://v4-alpha.getbootstrap.com/utilities/borders/

或者你可以尝试给相同的高度和宽度，以雪佛龙和指定边界半径为50％

希望它可以帮助

来源

2017-06-29 12:52:03

你可以做到这一点，即使没有CSS

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" /> 
 
<span class="fa-stack fa-lg"> 
 
    <i class="fa fa-circle fa-stack-2x"></i> 
 
    <i class="fa fa-angle-down fa-2x fa-stack-1x fa-inverse"></i> 
 
</span>

来源

2017-06-29 12:52:06 Gerard

CSS - 边框半径

回答

相关问题