私はワードプレスでウェブページを作成しています、そして私は
<?php wp_nav_menu(); ?>..を使用してナビゲーションメニューを持っています。問題は、囲まれた画像で表示されるホバー効果を作成したいということです。
http://s11.postimage.org/gclhor5hv/try.jpg
問題は、ホバーされたリストアイテムの下部にその三角形を作成する方法がわからないことです。CSSは次のとおりです。
#navHead li a:hover{
background-color: #e00d1d;
border-radius: 5px;
color: #fff!important;
background-repeat: no-repeat;
background-position: 50% 30px;
}
HTMLの場合：ナビゲーションリストが生成されるため、構造にアクセスして編集することができないため、CSSで実行する必要があります。
ご協力いただきありがとうございます。