下線スタイルを解除（追加）する方法を専門家が教える？ 2つの主要な方法のまとめ-htmlチュートリアル-php.cn

下線スタイルを解除（追加）する方法を専門家が教える？ 2つの主要な方法のまとめ

云罗郡主

リリース： 2018-10-23 13:39:48

オリジナル

3919 人が閲覧しました

HTMLの下線スタイルをキャンセル(追加)するにはどうすればよいですか? CSSで下線スタイルを解除（追加）するにはどうすればよいですか？これはフロントエンドを始めたばかりの学生にとっては難しい問題ですが、下線スタイルを解除（追加）するにはどうすればよいですか？以下の専門家が、下線スタイルをキャンセル（追加）する方法を説明します。

テキストに下線スタイルを追加するには、HTML を使用してテキストを直接設定する方法と、CSS の下線を使用してスタイルを設定する方法があります。

1: html の下線をキャンセル (追加) する方法

HTML タグでは、を使用して下線を追加できます。キャンセルしたい場合は、を削除してください。

例:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>html下划线标签实例讲解</title> 
</head> 
<body> 
我是高手!<br />  
php是网址!<br />  
<u>//m.sbmmt.com/</u>
</body> 
</html>

ログイン後にコピー

html コード効果:

下線スタイルを解除（追加）する方法を専門家が教える？ 2つの主要な方法のまとめ

#2: CSS スタイルを使用して下線スタイルを設定します。

css では、text-decoration:underline を使用して下線をキャンセルしたり追加したりできます。例:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>下划线 删除线 上划线实例</title> 
<style> 
.php5{text-decoration:underline} /* underline下划线 */ 
.php5_1{text-decoration:line-through} /* line-through删除线贯穿线 */ 
.php5_2{text-decoration:overline} /* overline上划线 */ 
.php5_3{text-decoration:none;} /* none是去掉下划线 */ 
</style> 
</head> 
<body> 
<div class="php5">我被加下划线</div>  
<div class="php5_1">我被加贯穿删除线</div>  
<div class="php5_2">我被加上划线</div> 
<div class="php5_3">我是去掉下滑线</div> 
</body> 
</html> 
</html>

ログイン後にコピー

コード効果:

下線スタイルを解除（追加）する方法を専門家が教える？ 2つの主要な方法のまとめ