tableにはborder-collapse:collapse;とborder-radiusを組み合わせられない?

乱雑モックアップ:tableにborder-radiusが効かない(ように見えた)の確認用ページ

なんだか全然ダメだぞ、どうしたものか。

border-collapse:collapse;
table.collapse th1 table.collapse th2
tableに
border-collapse:collapse;
tableに
border-collapse:collapse;
border-collapse:separate;
table.separate th1 table.separate th2
tableに
border-collapse:separate;
tableに
border-collapse:separate;
border-collapse:separate;
table.separate2 th1 table.separate2 th2
tableに
border-collapse:separate;
border-spacing:0;
tableに
border-collapse:separate;
border-spacing:0;
border-collapse:separate;
table.outline th1 table.outline th2

tableに
border-collapse:separate;
border-spacing:0;

th,tdにoutline

tableに
border-collapse:separate;
border-spacing:0;

th,tdにoutline