文字装飾の使い方-htmlチュートリアル-php.cn

文字装飾の使い方

php中世界最好的语言

リリース： 2018-05-30 11:49:00

オリジナル

5519 人が閲覧しました

Web ページ上のテキストコンテンツに下線を引くために CSS コードをよく使用します。次に、text-decorationを使用する必要があります。今日は良いものをご紹介します。

CSS 属性の単語を使用します:

text-decoration : none || 下線、上線 || ラインスルー

none : 装飾なし

blink : 点滅

underline: 下線

line-through: Throughline

overline: Overline

text-decoration:none 装飾なし、通常は HTML 下線タグの下線スタイルを削除します

text-decoration:underline Underline style

text -decoration :line-through 取り消し線スタイル -throughline style

text-decoration:overline overline style

HTMLの通常の下線タグ

オブジェクトのテキストに下線を付けるには、HTMLのuタグの下線タグ「U」を使用します。

例:

<u>我被U标签加下滑线</u>

ログイン後にコピー

CSSコントロールオブジェクトの下線属性スタイル

html u下線とCSS下線の比較応用例

CSSの削除

htmlタグ

下線スタイル対応するhtmlスタイルの取り消し線sタグを削除したい場合、html u 下線を削除、html 上線スタイルを削除します。

1. html の取り消し線を削除します

.p s{text-decoration:none}

p クラスオブジェクトボックスの html s タグのスタイル属性を削除します

2. html u の下線スタイルを削除します

.p u{ text-decoration:none}

p クラスオブジェクトボックスの u タグの下線スタイル属性を削除します

ハイパーリンク

下線の高度な使い方 - TOP一般的な CSS ハイパーリンクについて説明します。テキストオブジェクトには下線が引かれます。

コードは次のとおりです:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html;
 charset=utf-8" /> 
<title>下划线演示</title> 
<style> 
.yangshi a{ text-decoration:none;}
/* css注释： 鼠标经过热点文字被加下划线 */ 
.yangshi a:hover{ text-decoration:underline;}
/* 鼠标经过热点文字被加下划线 */ 
</style> 
</head> 
<body> 
<p> 
<span class="yangshi"> 
<a href="http:/m.sbmmt.com">p</a> 
</span> 
</p> 
</body> 
</html>

ログイン後にコピー

スタイルの例を表示するには、上記のコードをコピーして新しい HTML を作成してください。

3つのボックスオブジェクトにそれぞれテキストの下線、テキストの取り消し線スタイル、フォントの上線スタイルを設定します。

1. CSS コードスニペット:

.p{text-decoration:underline}

.p_1{text-decoration:line-through}

.p_2{text-decoration:overline}

2. ：

私には下線があります

;私は下線を引きました

たくさん紹介しましたので、テキスト装飾をマスターできたと思います。このサイトの他の記事にも注目してください。