コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSテキスト

CSSテキスト

亚连
リリース： 2018-05-10 09:59:54
オリジナル
1973 人が閲覧しました

色のない単純な HTML ページの場合は、通常、いくつかの CSS スタイルと JS スタイルを追加して、ページの色彩感を高める必要があります。CSS テキスト スタイルについて話しましょう。

フォント

rreee

カラー

rreee

サイズ

body{font-family:"宋体";}
ログイン後にコピー

body{color:#666}
ログイン後にコピー

フォントスタイル

body{font-size:12px;}
body{font-size:1em;}
ログイン後にコピー

その途中

p {text-indent: 2em;}
p {text-indent: 50%;} //基于父元素
ログイン後にコピー

値: left、right、center、justify

文字間隔

p.normal {font-style:normal;}//默认
p.italic {font-style:italic;}// 斜体
p.oblique {font-style:oblique;}// 倾斜
ログイン後にコピー


文字間隔

h1{text-align:center;}
ログイン後にコピー

文字変換

rrreええ

テキスト修正 

p{word-spacing:25px;}
p{word-spacing:normal;}// 相当与0px
ログイン後にコピー

太字

h1 {letter-spacing:2px;}
h1 {letter-spacing:normal;}
ログイン後にコピー

上記は一般的に使用される CSS テキスト スタイルの一部です。少しでもお役に立てれば幸いです。

関連記事:

CSSテキストスタイルをマスターする必要があります

CSSテキストフライイン効果を実装するサンプルコード


以上がCSSテキストの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
css 文字
ソース：php.cn
前の記事：スプライトとフォントアイコンのCSS実装 次の記事：CSS を使用して背景の半透明テキストを不透明にする効果を実現する例
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
9
1588
width プロパティを追加してコンテンツを左に移動します。 ボディに余白を設けました。 main {left margin: 200px; right margin: 200px; textalignment: center} テキストを1...
から 2024-04-06 22:01:35
0
3
816
Reactのsortメソッドでレンダリング(フィルターとページネーションを使用)をトリガーするにはどうすればよいですか? これが私の Sort.js スタイル コンポーネントです: <SortWrapper><SortText>SortBy</SortText>&l...
から 2024-04-06 21:28:37
0
1
2257
単語と一致する正規表現 新しいジョブ名をデータベース内の既存のジョブ名と照合しようとするスクリプトがあります。 SELECTa.titleASJobTitle,j.DescriptionASMatched...
から 2024-04-06 21:24:04
0
1
606
クエリと式は、新しい列を含むテーブル全体を形成します。新しい列は、他の条件列の値を含む式です。 編集: 式は「値」列、つま​​りカテゴリに基づいて最も低い user_id を持つ「値」列である必要があります。カテゴリ「A」の最も低い「user_id」の「value」列が 0....
から 2024-04-06 21:23:40
0
2
530
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート