ホームページ >ウェブフロントエンド >htmlチュートリアル >文字装飾の使い方
文字装飾の使い方
- php中世界最好的语言オリジナル
- 2018-05-30 11:49:005548ブラウズ
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 タグの下線スタイル属性を削除します
5.
ハイパーリンク下線の高度な使い方 - 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:/www.php.cn">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. ：
ef07cb678f54c8f87d9ed1b6b13206d0私には下線があります94b3e26ee717c64999d7867364b1b4a3
76cde12e55a1914624e179a9954b02b8私には下線があります94b3e26ee717c64999d7867364b1b4a3 ;私は下線を引きました94b3e26ee717c64999d7867364b1b4a3 たくさん紹介しましたので、テキスト装飾をマスターできたと思います。このサイトの他の記事にも注目してください。
関連書籍:
HTMLのコメントの機能とは何ですか以上が文字装飾の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。