私はナビゲーションリストを作成していますが、CSSのbackgroundプロパティを使ってリンクの両側に画像を置く方法があるかどうかは疑問でした。ここで私は、現在持っているものです。背景のプロパティで同じ画像を2回使用することはできますか？
nav.vertical li a:hover {
background: #D4CD00 url(wnaderknight.png) right/25px 25px no-repeat;
color: black;
}
あなたがバックグラウンド位置と背景リピートを参照してください。複数の背景やpseudos
.bg {
display:inline-block;
padding:30px;
background:url(http://www.icone-gif.com/icone/nature/terre/terre-32.png) right/25px 25px no-repeat,url(http://www.icone-gif.com/icone/nature/terre/terre-32.png) left/25px 25px no-repeat
}
.psdo:before,
.psdo:after {
vertical-align:middle;
display:inline-block;
content:url(http://www.icone-gif.com/icone/nature/terre/terre-32.png)
}<a href="#" class="bg"> link with bg image on both sides </a> <br/>
<a href="#" class="psdo"> link with bg image on both sides </a>ありがとう！最初の部分は完璧に働いた！ –
を使用することができます。しかし、もし私がこれをしなければならないなら、私は普通の![]()
を代わりに使うでしょう –
私は今それをチェックします。![]()
はどのようにして、ユーザーがリンクを握ったときに表示されるのですか？私は[nav.vertical]ディスプレイ：ブロック –
を作ったことを言及する必要がありますはい！例： 'background：url（wnaderknight.png）25px 25px no-repeat、url（wnaderknight.png）右/ 100px 100px no-repeat＃D4CD00;'カラー背景は最後の画像で設定されます:) –