web-dev-qa-db-ja.com

HTMLで表の内側の境界線を設定する

「内部境界線」-異なるセル間の境界線を設定するにはどうすればよいですか。

スタイル属性を設定することで、外側の境界線を制御できますが、内側の境界線は同じ灰色と同じ幅のままです。内側の境界線を制御するには、どの属性を調整する必要がありますか?

19
ripper234

通常のテーブルマークアップの場合、IE 7以下を除く)を除き、BrowserStackのすべてのデバイス/ブラウザーで機能する短いソリューションを次に示します。

table { border-collapse: collapse; }

td + td,
th + th { border-left: 1px solid; }
tr + tr { border-top: 1px solid; }

IE 7サポートの場合、これを追加します:

tr + tr > td,
tr + tr > th { border-top: 1px solid; }

テストケースはここにあります: http://codepen.io/dalgard/pen/wmcdE

13
dalgard

<td>要素をスタイルする必要があります。

W3Cウェブサイトをご覧ください

4
daLizard