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 に答える