Mam prosty element tabeli html.

<table border="2" cellpadding="5" cellspacing="0" width="40%">
    <tr><td> aaa </td><td> bbb </td></tr>
    <tr><td> ccc </td><td> ddd </td></tr>
</table>

Teraz wykonuję moje pierwsze kroki w CSS, próbuję spróbowaćzdefiniować ten ostatni styl tabeli jako CSS .

Nie mogę tego osiągnąć - granica wygląda inaczej niż ja. Proszę pomóż.

Mój HTML ze stylem CSS:

<style type="text/css">
table.my_class
{
    width:40%;
}
table.my_class,table.my_class tr, table.my_class td
{
    border-color: black;
    border-width: 2px;
    border-style:groove;
    padding:15px;
    border-collapse:collapse;
}
</style>

<table class="my_class">
    <tr><td> aaa </td><td> bbb </td></tr>
    <tr><td> ccc </td><td> ddd </td></tr>
</table>