添加一個簡單的向下箭頭圖像下拉菜單

我想補充一個小的向下面向箭頭到某些菜單標頭能夠降下。任何人都可以給我任何想法如何做到這一點。

感謝

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

添加一個簡單的向下箭頭圖像下拉菜單

回答

相關問題