csvtotableを使用して、csvをhtmlで表示したいです。
cssを使って表を5行ごとに色を変えるにはどうすればよいでしょう。
1行ごとに色を変える。というのは理解できるのですが、5行ごとに変更するというのがどうしてもわかりません。
下記を編集して5行ごとに色を変更するにはどうすればよいでしょうか。
/* CSV Table Classes */
TABLE.CSVTable {
font: 0.8em Verdana,Arial,Geneva,Helvetica,sans-serif;
border-collapse: collapse;
width: 450px;
}
/* Header */
TABLE.CSVTable THEAD TR {
background: #E8EDFF;
}
TABLE.CSVTable TH {
font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif;
font-size: 1.2em;
}
/* Table Cells */
TABLE.CSVTable TD, TABLE.CSVTable TH {
padding: 8px;
text-align: left;
border-bottom: 1px solid #FFFFFF;
border-top: 1px solid transparent;
}
/* Default background color for rows */
TABLE.CSVTable TR {
background: #F0F0F0;
}
/* Background color for odd rows */
TABLE.CSVTable TR.odd{
background: #F9F9F9;
}
/* Hover color for all rows */
TABLE.CSVTable TR:hover {
background: #E8EDFF;
}
/* Source code */
.source {
background-color: #FAFAFA; border: 1px solid #999999
}
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS HTML & CSS 縦ボックス内の文字の左右センタリング 3 2023/03/25 04:23
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- オープンソース cssで中央寄せ 1 2023/05/19 06:25
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ChatGPTでの株価の検索について...
-
ドラマの火事やその他台風などA...
-
Pythonでペアリングしたデバイ...
-
ChatGPTは井の中の蛙大海を知ら...
-
エンジニアって、今でも社会的...
-
ノートパソコンの充電は延長コ...
-
ファイルの文字コードを変える...
-
Windowsのメモ帳でUTF-8を選択...
-
システムロケールの文字コード...
-
アップルはUTF-8Macという似非U...
-
UTF-8Macという似非UTF-8がアッ...
-
ファイルに環境依存文字がある...
-
ソフトはVectorでダウンロード...
-
Windowsのシステムロケールの文...
-
SI接頭辞でWindowsは表記されて...
-
パソコンメモリ(DIMM)を紹介...
-
住所から直線距離を算出したい...
-
情報の問題です。 サンプリング...
-
USBメモリのフォーマットの画面...
-
numbers を使っていますが、小...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ホームページビルダーのナビゲ...
-
ドリームウィーバーでの文字の...
-
iPhoneで作れる高級感のあるオ...
-
三つ折りのリーフレットを作りたい
-
はてなブログ 設定
-
Becky!ver.2で、返信・転送用テ...
-
FC2ブログでプロフィールが2つ...
-
Powerpointの表のスタイルで好...
-
ワードプレスに詳しい方に質問...
-
中央寄せの解除
-
FC2ブログ アクセス解析が反映...
-
word個人用テンプレートの削除方法
-
FC2ブログのトップページの記事...
-
Wordの「キーボードのユーザー...
-
FC2ブログのアクセスカウンター...
-
改ざんは修正や訂正という意味...
-
wordpressの投稿ページの格納場所
-
FC2ブログで文字を小さくしたい...
-
[movable type]プラグイン名が...
-
gooブログ の 下書きの保存 方法
おすすめ情報