このはてなデザインの不満は、表の中に罫線が入らないこと
デザインについては凝ったことはできないので、選択できるオレンジ色のテーマの中から
これを選んだ。
1つ不満
このはてなデザインは、表の中に罫線が入らないこと
CSSを改造
スタイルシートに以下を追加
.body .section table td{ border: 1px solid #F0C46E; }
CSSは分からんから、見よう見真似
同じ表を書くと以下のように線が入るようになった。
(スクリーンショット)
行、列が増えても大丈夫
(スクリーンショット)
(実物)
順位 | チーム | 試合 | 勝数 | 敗数 | 引分 | 勝率 | 差 | 打率 | 本塁打 | 得点 | 失点 | 防御率 |
---|---|---|---|---|---|---|---|---|---|---|---|---|
1 | 中日 | 144 | 79 | 62 | 3 | .560 | 優勝 | .259 | 119 | 539 | 521 | 3.29 |
2 | 巨人 | 141 | 77 | 63 | 1 | .550 | 1.5 | .268 | 222 | 700 | 609 | 3.93 |
3 | 阪神 | 140 | 75 | 62 | 3 | .547 | 2.0 | .289 | 167 | 711 | 632 | 4.12 |
4 | ヤクルト | 139 | 69 | 66 | 4 | .511 | 7.0 | .269 | 119 | 597 | 593 | 3.81 |
5 | 広島 | 140 | 57 | 81 | 2 | .413 | 20.5 | .263 | 102 | 587 | 721 | 4.83 |
6 | 横浜 | 140 | 47 | 92 | 1 | .338 | 31.0 | .256 | 115 | 518 | 731 | 4.93 |