ホームページ作成・リンクについて

質問

閲覧ありがとうございます。
ホームページを作成しているのですが、ページリンクの装飾についてお聞きしたいことがあります。
cssでリンクの部分に点線で下線が表示されるように設定しているのですが、
border-bottom-style:dotted;
これだと、バナーなどの画像部分にも点線が表示されてしまい、少々不恰好です。
指定した部分だけ下線を表示させなくすためにはどういったタグを入力すればいいのでしょうか？
回答よろしくお願いします。

回答No.1

salonpath · ベストアンサー

表示させたい部分にだけにborderを指定するか
表示させたくない部分にborder:none;を指定するか。

例
html
<ul>
<li><a href="aaa.html">リンクテキスト</a></li>
<li><a href="bbb.html" class="noBorder"><img src="画像url" /></a></li>
</ul>

css
a{
border-bottom:1px dotted #f33;
}
a.noBorder{
border:none;
}

お礼

ありがとうございました。無事設定を変えることができました！