Как имитировать <table border=“2” cellpadding=“5” cellspacing=“0” width=“40%”> в CSS
У меня есть простой элемент таблицы 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>
Сейчас я делаю первые шаги в CSS и пытаюсь попробоватьto define the latter table style as CSS .
I cannot achieve it - the border looks different whatever I do. Please help.
Мой HTML в стиле 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>