ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSハイパーリンクから下線を削除する方法
CSSハイパーリンクから下線を削除する方法
- 醉折花枝作酒筹オリジナル
- 2021-04-21 14:00:0628062ブラウズ
CSS では、text-decoration 属性を使用して、a タグに「text-decoration:none」スタイルを設定するだけで、ハイパーリンクの下線を削除できます。 text-decoration 属性はテキストに付加する装飾を指定し、値が none の場合はテキスト装飾なしを意味します。
このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。
通常、CSS は初期化されていないため、Web ページ内のハイパーリンクを含むテキストに下線が引かれることはわかっていますが、下線を削除したい場合は、どのように設定すればよいでしょうか?次に、divcss5 は HTML ハイパーリンクの下線スタイルを削除する方法を紹介します。
1. CSS スタイルの下線を削除する
次の CSS 属性の単語について理解しましょう。ハイパーリンクのアンカー テキストの下線を削除したい場合は、次の CSS スタイルの単語を使用します。 :
text-decoration 設定 下線スタイル word
ハイパーリンクの下線スタイルを削除するには、css text-decoration の値を「none」に設定します。
リンクの下線スタイルコードを以下のように削除します:
a{text-decoration:none}
2. アンカーテキストの下線を削除するケース
次に、そのケースを紹介します。 CSS リンクの下線スタイルを使用してスーパーラインを削除する方法。
HTML コード
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>document</title> </head> <body> 想要带你去浪漫的<a href="https://baike.baidu.com/item/%E5%9C%9F%E8%80%B3%E5%85%B6/198448?fr=aladdin">土耳其</a>！ </body> </html>
スクリーンショット
下線を削除する前に
css を使用してハイパーリンクの下線を削除します
css コードスニペット
a{
text-decoration:none
}
推奨学習: css ビデオ チュートリアル
以上がCSSハイパーリンクから下線を削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。