テーブルのセル間に線を入れる＆スクロール機能

テーブルのセル間に線を入れる＆スクロール機能

code:style.css

/* セル間に線を入れる */

.table-block .cell {

/* 全てのセルの右と下 */

}

.table-block .cell:first-child {

/* 1列目のセルの左 */

}

.section-title + .line .table-block .cell {

/* 1行目のセルの上 */

}

/* 1行目を太字、中央揃え */

.section-title + .line .table-block .cell {

font-weight: bolder;

text-align: center;

}

/* テーブルがはみ出てしまう場合に横スクロールするように */

.page { /* pageにしないとテロメアが見えない */

overflow-x: scroll;

}