9

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

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

4

5 回答 5

24

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

▼  - ▼
于 2012-08-23T10:35:19.547 回答
10 
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-04T09:36:41.917 回答
2

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

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

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

于 2015-01-23T09:51:57.913 回答
0
于 2016-04-18T02:53:47.807 回答
-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-19T18:41:23.197 回答