CSSでliを非表示にする方法

CSS で li を非表示にする方法: 最初に新しい HTML ファイルを作成し、次に ul タグと li タグを使用して項目のリストを作成し、次に yc というクラス名でスタイルを作成し、最後に yc 内でスタイル、表示属性を設定します。 li タグを非表示にするには none に設定します。

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

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

test.html ファイルで、ul タグと li タグを使用して項目のリストを作成します。コードは次のとおりです。

# #test.html ファイルに タグを記述すると、このタグ内にページの CSS スタイルが記述されます。

css タグでは、ul 要素名を使用して CSS スタイルを設定し、width 属性を使用して ul の幅を 250px に設定し、line-height 属性を使用します。 ulの行の高さを30pxに設定します。

css タグ内で、クラス名 yc のスタイルを作成し、yc スタイル内で表示属性を none (要素を非表示) に設定します。

test.html ファイルで、非表示にする必要がある li 要素に class 属性を追加し、それを yc に設定して、指定された li を非表示にする効果を実現します。要素。

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

[推奨学習:

css ビデオ チュートリアル]

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