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

Question

我有一个网站，其中某些菜单标题下拉（css）

我想在能够下拉的某些菜单标题上添加一个向下的小箭头。谁能给我任何想法如何做到这一点？

Answer 1

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

▼  - ▼

Answer 2

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

我认为这是最好的方法，因为您可以调整边框的长度并调整“边框顶部”的高度，让您完全自定义。

Answer 3

如果您使用的是引导程序，则可以执行以下操作：

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

这将在放置跨度的任何位置插入一个小的向下箭头。

Answer 4

Answer 5

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

    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; 

  }