《CSS》リンク済みの文字から線を消す方法

HTMLのこと

こんな人に読んで欲しい!
・サイトのコーディングで困っている人

こんにちは、「なゆた」です!
突然ですが皆さん、こちらをご覧下さい。

これは、aタグリンクを付けたh1文字です。
しかし、皆さんはこれを見た瞬間、こんな事を思ったことはありませんか?
「線が邪魔だ」と。

というわけで、今回は皆さんに、「CSS」を通して、リンク済みの文字から線を消す方法をお教えします!
とってもカンタンで、あっという間に終わります!

①まずはHTMLファイルで、h1タグで文字を入力し、aタグでリンクを付けます。

②次にCSSファイルと連携し移動したら、「h1 a:link」(※ココ重要!!)と入力します。そしてその中に、「text-decoration」要素「none」と入力します。

これで、線は消えました!一件落着です!

いかがでしたか?僕も最初は困ってたんですよ。で、あれこれ方法を探ったら、この方法を見つけたワケなんです。これはWebサイトコーディング非常に役立つので、皆さんも是非覚えておいて下さいね!

以上です、ありがとうございました!

コメント

タイトルとURLをコピーしました