ホームページ  >  記事  >  ウェブフロントエンド  >  CSSでテーブルを非表示にする方法

CSSでテーブルを非表示にする方法

藏色散人
藏色散人オリジナル
2021-03-30 11:40:242741ブラウズ

CSS でテーブルを非表示にする方法: 最初にメモ帳を使用して HTML ページを作成し、次にテーブルを作成し、最後にテーブル「display:none」を非表示にするクラス スタイルを記述します。

CSSでテーブルを非表示にする方法

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

メモ帳を使用して HTML ページを作成します

CSSでテーブルを非表示にする方法

テーブルを作成します

CSSでテーブルを非表示にする方法

ブラウザで確認してください作成したテーブルの効果

CSSでテーブルを非表示にする方法

テーブル表示を非表示にするクラス スタイルを作成します。表示:なし

CSSでテーブルを非表示にする方法

ブラウザを使用します。効果をご覧ください。 [推奨学習: css ビデオ チュートリアル ]

CSSでテーブルを非表示にする方法

これがすべてのコードです

<html>
<head>
<meta charset="UTF-8">
<title>css隐藏table</title>
<style>
.hide{display:none}
</style>
</head>
<body>
<table class="hide">
<tr>
<td>
这是要隐藏的table信息
</td>
</tr>
</table>
</body>
</html>

以上がCSSでテーブルを非表示にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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