ホームページ > ウェブフロントエンド > CSSチュートリアル > tableのtd要素とul要素liのインターレース色変更機能の実装の詳細説明

tableのtd要素とul要素liのインターレース色変更機能の実装の詳細説明

高洛峰
リリース: 2017-03-10 19:22:05
オリジナル
2381 人が閲覧しました

この記事では、テーブル要素の td 要素と ul 要素 li の色を 1 行おきに変更する関数の実装について詳しく説明します。

table 要素の td 要素と ul 要素 li の色を変更する関数の実装について詳しく説明します。

CSS を使用して 2 つのスタイルを制御し、2 つの色の変更を簡単に実現します:

例: table CSS スタイル コントロール:

table tr td{
  background-color:颜色1
}
table tr td:nth-child(2n+1){
   background-color:颜色2
}
ul的li样式控制
ul li{
  background-color:颜色1;
}
ul li:nth-child(2n+1){
   background-color:颜色2;
}
ログイン後にコピー


以上がtableのtd要素とul要素liのインターレース色変更機能の実装の詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート