0

これは、ホバーなしのメニューバーのアイテムのように見えます: ここに画像の説明を入力

ここにホバー効果があります： ここに画像の説明を入力

そして、ここに私が追加しようとしている矢印があります: ここに画像の説明を入力

現在の CSS 式は次のようになります。

ul.profile_menu {
    background: url('menu.png') repeat-x;
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
    
    li {
        display: inline;
        a {
            float: left;
        }
        a:hover {
            background: url('active_item.png') repeat-x;
                    height: 45px;
        }
    }   
}

しかし、アクティブなアイテムの下部に矢印を追加する方法は?

前もって感謝します

4

1 に答える 1

8

CSS自体を純粋に使用して（現在の）矢印を生成できます（CSS3固有のものはありません-すべてのブラウザーと互換性があります）。

このサイトを使用して、矢印に必要な CSS を生成します: http://cssarrowplease.com

于 2012-12-27T11:36:34.310 に答える