CSSで下線を設定する方法-フロントエンドQ&A-php.cn

CSSで下線を設定する方法

藏色散人

リリース： 2023-01-05 16:07:50

オリジナル

6273 人が閲覧しました

CSS で下線を設定する方法: 最初に HTML サンプルファイルを作成し、次に本文にテキストコンテンツを定義し、最後に「text-decoration:underline;」スタイルを使用してテキストに下線を追加します。

CSSで下線を設定する方法

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。

css で下線を追加:

フォントテキストに下線スタイルを追加するには 2 つの方法があります。1 つは HTML の下線タグを直接使用する方法、もう 1 つはCSS の下線スタイル。 CSSを使って下線を付ける方法を見てみましょう。

css では、text-decoration 属性を使用して下線を追加できます。テキストに下線を付けるには、text-decoration:underline; スタイルを使用します。

例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title> 
<style>
h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
</style>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
</body>
</html>

ログイン後にコピー

効果は次のとおりです:

CSSで下線を設定する方法