Zaokrąglenie tabel, jak uzyskać najlepszy efekt? Opcje

[WebCM]

Standardowo stworzona tabela:

[HTML] pobierz, plaintext 
<table cellspacing="1" cellpadding="5">
  <caption>Nagłówek całej tabeli</caption>
  <tr>
    <th>Nagłówek 1</th><th>Nagłówek 2</th>
  </tr>
  <tr>
    <td>Coś tam</td><td>Coś tam</td>
  </tr>
  <tr>
    <td colspan="2"><input value="Zapisz" /></td>
  </tr>
</table>
[HTML] pobierz, plaintext 

Style

[CSS] pobierz, plaintext 
table {
  background-color: kolor_obramowania;
  width: 100%;
  margin-bottom: 10px
}
 
td {
  background-color: kolor_tla_komorek;
  padding: 5px
}
[CSS] pobierz, plaintext 

Taki układ jest stosowany prawie wszędzie. Tego nie da się uzyskać wyłącznie za pomocą atrybutu border.

Jak dodać obramowanie od góry i od dołu? Wygląda na to, że nie da się.

Próba 1. Dodać border-radius do table

Aby eksperyment powiódł się, tabela musi mieć obramowanie border: 1px solid kolor; ale go nie ma. Dlaczego? Byłaby podwójnie obramowana! Przez border: i background-color!

Próba 2. Ujemne marginesy dla nagłówka i ostatniego wiersza - nie działa

Czy coś pominąłem? Zatem jak zaokrąglić tabelę?

Można inaczej stworzyć tabelę, co nawet będzie bardziej logiczne, czyli border-spacing i border. Coś mi nie wychodzi. Kiedy dodam border-spacing: 1px; border: 1px solid #kolor i border-radius, tabela jest zaokrąglona, ale kolor obramowania wewnątrz jest biały. Jeżeli dodam atrybut border, źle to wygląda.