Jak zaokrąglić rogi tabeli?

Question

Cześć,

Chciałabym zaokrąglić rogi tabeli. 

Czy jest może na to jakiś sposób?

Próbowałam dodając border-radius, jednak wtedy zaokrągla się tylko obrazek w tle, a nie obramowanie.

HTML:

 

<table id="menuglowne">
    <tr>
      <td>Tekst1</td>
      <td>Tekst2</td>
      <td>Tekst3</td>
      <td>Tekst4</td>
      <td>Tekst5</td>
</tr>
</table>

 

CSS:

table {
  border: 7px solid;
  background-image: url(http://mylabel.pl/sites/default/files/blekit%20paryski.jpg); 
	width: 200px; 
    position: relative; left:12px;}
td {
	font-size: 30px; 
      border: 7px solid #000000;
	padding: 30px;}

http://cssdeck.com/labs/yvv8yfyj

Answer 1

Dodaj border-collapse: separate; Czyli:

table 
{
  border-collapse: separate;
  border: 7px solid red; 
  border-radius: 50%;
  background-image: url(http://mylabel.pl/sites/default/files/blekit%20paryski.jpg); 
 width: 200px; 
    position: relative; left:12px;
}

https://css-tricks.com/almanac/properties/b/border-collapse/

https://developer.mozilla.org/en-US/docs/Web/CSS/border-collapse