質問: CSSについて。 にborderで下線をつけると、画像リンクにも下線がついてしまいます。 text-decorationを使わずに、テキストリンクだけに下線をつける方法はありますか?
回答: 補足見ました。 いずれにしても、どちらかをマークアップするしか方法はないと思います。 例えば テキストの方を --------HTML----------- 知恵袋 とマークアップし CSSで --------CSS----------- a span{ text-decoration:none; border-bottom:solid 1px #f00; } とすれば、imgには下線は入らないです。 ですが、ここまでマークアップするならclassを使った方がスマートにできると思います。 にborderで下線をつけなければ、自動的にテキストリンクだけに下線が入ると思うのですが、 テキストリンクの下線に色を付けたりする為ににborderを指定するという意図ですか? その場合、アンカータグで囲ったimgに下線を入れたくないのであれば (例) ---------html------------ ---------css------------- .imgborder{text-decoration:none;} という方法ではだめですか? ここにもtext-decorationを使いたくないのでしょうか? リンクのかかっているイメージにはすべて上記の を入れておけば良いと思います。 ご質問の意図と違ったらすみません。