CSS：テーブルを角丸にするときは border-collapse: separate; にする

<table> を CSS で角丸にする場合は CSS の broder-collapse を separate にする必要があります。デフォルトでは collapse になっているため border-radius が効きませんでした。
Twitter Bootstrap などの CSS フレームワークや、その他のライブラリなどを使用しているとデフォルトで border-collapse: collapse; を指定している場合があるため注意が必要です。
こちらでだいぶはまりました。