ホームページ  >  記事  >  ウェブフロントエンド  >  CSSで行間を設定する方法

CSSで行間を設定する方法

藏色散人
藏色散人オリジナル
2021-09-13 14:05:012318ブラウズ

CSS で行間を設定する方法: 1. テキストを含む div タグを作成します; 2. CSS の line-height 属性を使用して行の高さを 40px に設定します; 3 . HTMLコードを保存し、ブラウザで開いて効果を確認するだけです。

CSSで行間を設定する方法

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。

CSS でインライン間隔を設定する方法

#HTML コード ページを開き、テキストを含む div タグを作成します。図

CSSで行間を設定する方法

# に示すように、CSS の line-height プロパティを使用して、行の高さを 40px に設定します。図

CSSで行間を設定する方法

HTML コードを保存してブラウザで開くと、Web ページ上のテキストの行間が広くなっていることがわかります。図に示すように、

CSSで行間を設定する方法

推奨学習: 「css ビデオ チュートリアル

以上がCSSで行間を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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