<a href>での背景色について。

質問

初心者です。よろしくお願いします。
<p>
<a href="...">AAA</a>
<a href="...">BBB</a>
<a href="...">CCC</a>
</p>
でページタグのようにデザインしています。
これらのうち1つだけ（例えばAAAだけ）背景色を
変えたいのですが、よい方法はありますか？

回答No.1

steelgreen · ベストアンサー

背景を変えたいタグに

<a href="..." style="background-color:#000000">AAA</a>

のようにstyle="background-color:#000000"を書き加えてください。#000000の部分ははお好みの色でどうぞ。

もし、背景の色でテキストの色が見えづらくなった場合は、
style="background-color:#000000;color:#ffffff"
のようにcolor:#ffffff;を付け加えて色を調整してやればOKです。

補足

ありがとうございます。うまくいきました。
ちなみにCSSで同様の変更をする事は可能でしょうか？

回答No.2

mousengoke

#1の方法もインラインスタイルシートと呼ばれるスタイルシートなんですよ。一応

<style>タグ内またはcssファイル内で指定する場合は

<a href="...">AAA</a>
を
<a class="type_aaa" href="...">AAA</a>
のようにして

a,type_aaa{
スタイルシート
}

のようにしてスタイルシートを指定してください。

お礼

うまくいきました。ありがとうございました。