Como imitar <table border = “2” cellpadding = “5” cellspacing = “0” width = “40%”> em CSS
Eu tenho um elemento de tabela html simples.
<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>
Agora, fazendo meus primeiros passos no CSS, tento tentarpara definir o último estilo de tabela como CSS .
Eu não posso alcançá-lo - a fronteira parece diferente do que eu faço. Por favor ajude.
Meu HTML com estilo 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>