ホームページ  >  記事  >  ウェブフロントエンド  >  CSSでセルの行の高さを変更する方法

CSSでセルの行の高さを変更する方法

藏色散人
藏色散人オリジナル
2023-01-31 11:03:002386ブラウズ

CSS でセル行の高さを変更する方法: 1. 新しい HTML ファイルを作成します; 2. table タグを使用してテーブルを作成します; 3. table タグのクラスを mycss に設定します; 4. cssタグでクラスを渡す 表のスタイルを設定する; 5. cssタグ内で「line-height」属性値を変更することでセルの行の高さを変更できます。

CSSでセルの行の高さを変更する方法

このチュートリアルの動作環境: Windows 10 システム、CSS3 バージョン、DELL G3 コンピューター

セル行の変更方法CSSの高さは?

css は表のセルの行の高さを設定します:

test.html という名前の新しい HTML ファイルを作成して、CSS で表のセルを設定する方法を説明します。行の高さ。

CSSでセルの行の高さを変更する方法

test.html ファイルで、table タグを使用してテーブルを作成します。

CSSでセルの行の高さを変更する方法

test.html ファイルで、table タグのクラスを mycss に設定します。

CSSでセルの行の高さを変更する方法

css タグでは、クラスを通じてテーブルのスタイルを設定します。

CSSでセルの行の高さを変更する方法

css タグで、line-height プロパティを 80px に設定します。つまり、セルの行の高さを 80px に設定します。

CSSでセルの行の高さを変更する方法

ブラウザで test.html ファイルを開いて効果を確認します。

CSSでセルの行の高さを変更する方法

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

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

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