読者です 読者をやめる 読者になる 読者になる

このはてなデザインの不満は、表の中に罫線が入らないこと

はてな

デザインについては凝ったことはできないので、選択できるオレンジ色のテーマの中から
これを選んだ。
1つ不満
このはてなデザインは、表の中に罫線が入らないこと

デフォルト状態の表

以下の表を書く

|*はてなブックマーク|*はてなスター|
|44|14|

罫線が入らない。
スクリーンショット

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

疑問

(実物)

はてなブックマーク はてなスター
44 14

1行目の見出しは罫線がでない




(実物)

はてなブックマーク 44
はてなスター 14

1列目の見出しは罫線がでる。




1行目の見出しの罫線は、どうすればでるようになる?


追記 2010/10/10id:lovely から教えてもらった以下の設定で1行目の見出しも罫線がでるようになった。

.body .section table th {
border: 1px solid #F0C46E;
}