添加一个简单的向下箭头图像下拉菜单

我想补充一个小的向下面向箭头到某些菜单标头能够降下。任何人都可以给我任何想法如何做到这一点。

感谢

2012-08-23 Josh Naylor

只要使用这个字：http://www.fileformat.info/info/unicode/char/25bc/index.htm

&#9660; - ▼

来源

2012-08-23 10:35:19

辉煌！正是我在找什么。非常感谢。 –

或者，你可以使用朝下的箭头的图像。

来源

2012-08-23 10:40:35 Mak

我认为它是一个评论，而不是一个答案。 –

我不会为这个图片推荐一个图片，除非你想要一个通过CSS无法实现的独特箭头（或者带有一个font-awesome/bootstrap图标库），因为它会添加不需要的额外资源。尽可能避免这种情况。 – Sprose

-1

请尝试以下代码添加箭头，根据需要自定义箭头的高度和宽度以及位置。

li.has_child:after { 
     content: ''; 
     position: absolute; 
     border: 7px solid transparent; 
     /* This will set the direction of the arrow.*/ 
     border-top: 7px solid white; 
      top: 34px; 
     margin-left: 5px; 

    }

来源

2013-09-19 18:41:23 Avdhut

如果使用的是引导，你可以做到以下几点：

<span class="caret"></span>

无论跨度放在这将插入一个小的向下箭头。

来源

2015-01-23 09:51:57 Max

a:after{ 
    content: ''; 
    border: 4px solid transparent; 
    border-top: 4px solid white; 
    margin-left: 2px; 
    margin-bottom: 3px; 
    display: inline-block; 
    vertical-align: bottom; 
}

我觉得这是做的最好的方法，因为你可以调整长度的边界，并调整“边界”顶部的高度，给您完全定制。

来源

2015-05-04 09:36:41 Sprose

如果你创建菜单，你想要的箭头，箭头不填黑试试这个代码：（到：箭头不填任何颜色）

&nabla; - ∇

来源

2016-04-18 02:53:47

有趣的[nabla符号]（https://en.wikipedia.org/wiki/Nabla_symbol）有一个命名实体。 – dakab

添加一个简单的向下箭头图像下拉菜单

回答

相关问题