CSSで非表示の要素を表示する方法

CSS では、display 属性を使用して非表示要素を表示できます。非表示要素に「display:block」スタイルを追加するだけです。 display 属性は生成する要素の種類を指定し、値が block の場合は隠し要素が表示されることを意味します。

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

CSS の非表示要素を表示する方法を説明するために、test.html という名前の新しい HTML ファイルを作成します。

test.html ファイルで、p タグを使用してテスト用の 2 行のテキストを作成します。

test.html ファイルで、最初の p タグに class 属性を追加します。属性値は mytest です。これは主に p タグのスタイルを設定するために使用されますこのクラスを通して。

##test.html ファイルに、 タグを記述します。ページの CSS スタイルは次のようになります。ラベル内にこう書いてあります。

css タグで、class(mytest) を通じて p タグの css スタイルを設定し、display 属性を none に設定して p タグのコンテンツを非表示にします。

非表示の p タグでは、style を使用して p タグのスタイルを設定し、表示属性を block に設定して非表示の p タグを表示します。

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

推奨学習:

css ビデオ チュートリアル

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