ホームページ > 記事 > ウェブフロントエンド > HTMLにフォントの取り消し線を追加する方法

HTMLにフォントの取り消し線を追加する方法

青灯夜游オリジナル: 2021-12-10 15:41:307537ブラウズ

htmlフォントの取り消し線を追加する方法: 1. 「」タグを使用します。構文は「~~取り消し線テキスト~~」です。 2. 「~~」タグを使用します。 , syntax "~~strikethrough text~~"; 3. 「text-decoration:line-through;」スタイルをテキスト要素に追加します。~~

#このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

htmlフォントの取り消し線を追加します

1.「~~」タグを使用します~~

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>

	<body>
		正常文本<br /><br />
		<s>删除线文本</s>
	</body>
</html>

HTMLにフォントの取り消し線を追加する方法

2. "~~" タグを使用します~~

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>

	<body>
		正常文本<br /><br />
		<del>删除线文本</del>
	</body>
</html>

HTMLにフォントの取り消し線を追加する方法

##3. テキストを与える要素が追加されます"

text-decoration:line-through;" style

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>

	<body>
		正常文本<br /><br />
		<span style="text-decoration: line-through;">删除线文本</span>
	</body>
</html>

HTMLにフォントの取り消し線を追加する方法 text-decoration 属性は、テキストに追加される装飾 (下線) を指定します。 text 、overline、取り消し線など); 属性値が "line-through" に設定されている場合、テキストを通る線を定義できます。

推奨チュートリアル: 「

html ビデオチュートリアル

」

以上がHTMLにフォントの取り消し線を追加する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：HTMLでWebページの色を設定する方法次の記事：HTMLでWebページの色を設定する方法

続きを見る