a タグの下線は、ブラウザでのリンクのデフォルトの外観スタイルです。text-decoration 属性を使用して削除できます。「text-decoration: none;」スタイルを設定するだけで済みます。 aタグの場合。 text-decoration 属性は、テキストに追加する装飾を指定するために使用され、この属性の値が "none" に設定されている場合、テキストの装飾は追加されず、既存のテキストの装飾も削除されます。
このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。
HTML タグ
HTML では、タグ を使用して、ハイパーテキスト リンク (「ハイパーリンク」と呼ばれます) を設定します。あるページが別のページにリンクしています。
タグはアンカーを定義できます。アンカーには 2 つの用途があります:
href 属性を使用して別のドキュメントへのリンク (またはハイパーリンク) を作成する name または id 属性を使用してドキュメント内にブックマークを作成する (つまり、リンクを作成できます) 要素の最も重要な属性は、リンクのターゲットを指定する href 属性です。
すべてのブラウザのリンクのデフォルトの外観は次のとおりです: 未訪問のリンクは下線付きで青色、訪問済みのリンクは下線付きで紫色、アクティブなリンクは下線付きで赤色になります。
<a href="#">a标签</a><br> <a href="#">a标签</a><br> <a href="#">a标签</a><br>
下線が見栄えが悪いと思われる場合は、HTML の a タグにテキスト装飾スタイルを追加することで下線を削除できます。
text-decoration 属性は、下線、上線、取り消し線など、テキストに追加される変更を指定します。この属性の値が「なし」に設定されている場合、標準テキストが定義されていることを意味します。文字装飾は追加されません(既存の文字装飾も削除されます)。
この属性値を使用すると、すでに下線、取り消し線、またはトップラインが付いているスタイルを削除できます。
<a href="#">a标签,默认有下划线</a><br> <a href="#" style="text-decoration: none;">a标签,去掉下划线</a>
拡張知識: テキスト装飾属性の値
Value | 説明 |
---|---|
なし | デフォルト。標準を定義するテキスト。 |
下線 | テキストの下に線を定義します。 |
overline | テキスト上に線を定義します。 |
line-through | テキストの下を通る線を定義します。 |
blink | 点滅するテキストを定義します。 |
inherit | text-decoration 属性の値を親要素から継承することを指定します。 |
(学習ビデオ共有: Web フロントエンド)
以上がHTMLのタグの下線とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。