1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【CSS3】aタグの下線、リンク色の変更方法

Last updated at Posted at 2020-11-14

ヘッダーのロゴを画像ではなく文字を使用する場合など、
aタグで囲むと設定されるデフォルト値の下線、リンクの(青)色の解除方法を記載します。

text-decoration: none;を指定し下線を非表示

スクリーンショット 2020-11-15 7.45.03.png

style.css
a {
  text-decoration: none;
}

スクリーンショット 2020-11-15 7.58.26.png

color: 色コード;を指定しリンクの色を変更

style.css
a {
    text-decoration: none;
    color: #000000; /* 今回は#000000を指定していますが、好きな色を指定できます */
}

スクリーンショット 2020-11-15 8.14.48.png

スクリーンショット 2020-11-15 8.15.48.png
★Webページヘッダーのロゴに使用し、クリックするとトップページに遷移させるなど色々と応用できそうです!

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?