tableのデータ部との境界線を描画するのにつかったcss css

tableのデータ部との境界線を描画するのにつかったcss
意外にはまってたので備忘録としてメモ


ヘッダーとの境界線 td まで指定しないと意図した箇所に線がひかれず苦労した しかも順番も関係あり？
#table1 tbody tr:nth-of-type(1) td{ border-top: 1px solid #777777; }



右データ部との境界線 tr:nth-of-type(1) まで指定しないと意図した箇所に線が 表示されてしまう
#table1 thead tr:nth-of-type(1) th:nth-of-type(3) { border-right:solid 1px #777777; }



右データ部との境界線
#table1 tbody td:nth-of-type(3){ border-right:solid 1px #777777; } :