テーブル
表のデザイン
#UserCSS #design #spin-off
若干改変
ソース: /scrasobox/テーブルのセルをわかりやすくする
テーブルセル
code:style.css
/* テーブルのセルをわかりやすくする */
.table-block table {
background-color: transparent;
border-collapse: separate;
border-spacing: 2px
}
.table-block table tr td {
padding: .1em;
background-color: rgba(0,0,0,0.04)
}
.table-block table tr:nth-child(even) td {
background-color: rgba(0,0,0,0.08)
}
/* 偶数行を濃くする */
.table-block table tr:first-child td {
font-weight: bolder;
text-align: center
}
/* 1行目だけ太字&中央揃え */
.table-block table tr td:first-child {
padding: 0;
background-color: transparent;
border-width: 0
}