プログラミング

【CSS】<a>タグで囲った文字の色を変えない方法

スポンサーリンク

color

プログラミングを勉強中のみなさん、こんにちは!

今回は、<a>タグで囲った文字の色を変えない方法を紹介します。

リンクを貼りたいときは<a>タグを使いますが、
そのとき、文字の色が変わってしまいます。

その色を変えないCSSの設定があります。

とっても簡単ですので参考にしてください。

初心者向けのメモ書きとして執筆しておりますので、あしからず。

解決コード

単純にこれです。

a {
  color: black;
}

※色は好きな色でOKです。

注意点と補足

よくある間違い

例えばヘッダーのメニューに<a>タグを使ったときです。

HTMLはこんな感じです。

<ul>
<li><a>ホーム</a></li>
<li><a>商品</a></li>
</ul>

このとき、
<li>に対して、フォントカラーの設定をしてしまうことがあると思います。

 ×NG

li {
color: black;
}

間違いの無いように、ちゃんと<a>タグに設定しましょう。

補足

<a>タグを使うことにより、アンダーラインが付いてしまう場合は、

text-decoration: none;

を設定してあげると、アンダーラインが消えます。

a {
color: black;
text-decoration: none;
}

このように、セットで覚えておくといいかもしれませんね。

まとめ

<a>タグで囲った文字の色を変えない方法

<a>タグに対して、フォントカラーを設定する

です。

リンクに関連する記事も紹介しておきます。

スポンサーリンク

-プログラミング
-, , , , , , , ,

© 2022 サカらいふ Powered by AFFINGER5