こんな人に読んで欲しい!
・サイトのコーディングで困っている人
こんにちは、「なゆた」です!
突然ですが皆さん、こちらをご覧下さい。
![](https://nayuta-win.com/wp-content/uploads/2022/01/スクリーンショット-2022-01-02-7.31.05.png)
これは、aタグでリンクを付けたh1文字です。
しかし、皆さんはこれを見た瞬間、こんな事を思ったことはありませんか?
「線が邪魔だ」と。
というわけで、今回は皆さんに、「CSS」を通して、リンク済みの文字から線を消す方法をお教えします!
とってもカンタンで、あっという間に終わります!
①まずはHTMLファイルで、h1タグで文字を入力し、aタグでリンクを付けます。
![](https://nayuta-win.com/wp-content/uploads/2022/01/スクリーンショット-2022-01-02-7.31.49.png)
②次にCSSファイルと連携し移動したら、「h1 a:link」(※ココ重要!!)と入力します。そしてその中に、「text-decoration」要素で「none」と入力します。
![](https://nayuta-win.com/wp-content/uploads/2022/01/スクリーンショット-2022-01-02-7.38.32.png)
③これで、線は消えました!一件落着です!
![](https://nayuta-win.com/wp-content/uploads/2022/01/スクリーンショット-2022-01-02-7.39.20.png)
いかがでしたか?僕も最初は困ってたんですよ。で、あれこれ方法を探ったら、この方法を見つけたワケなんです。これはWebサイトのコーディングで非常に役立つので、皆さんも是非覚えておいて下さいね!
以上です、ありがとうございました!
コメント