Как можно сделать рамку вокруг таблицы красивее и объемнее

Xo6ut

Есть таблица
.tg  {border-collapse:collapse;border-spacing:0; width:100%; cellpadding:15 px;  cellspacing:3; border-radius:15px;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;}
.tg .tg-pqz0{font-size:100%;font-family:serif !important;;background-color:#ffcc67}
.tg .tg-p2e8{background-color:#ffcc67;  text-align:center;}
.tg .tg-6lc4{background-color:#ffcc67;color:#000000}
<table class="tg" >
  <tr>
    <th class="tg-pqz0">Пакеты по времени</th>
    <th class="tg-p2e8">1-6 часов</th>
    <th class="tg-p2e8">7-9 часов</th>
    <th class="tg-p2e8">10-12 часов</th>
  </tr>
  <tr>
    <td class="tg-p2e8">Стоимость</td>
    <td class="tg-p2e8">1500 руб.</td>
    <td class="tg-p2e8">1350 руб.</td>
    <td class="tg-p2e8">1200 руб.</td>
  </tr>
  <tr>
    <td class="tg-p2e8">Что вы получаете</td>
    <td class="tg-p2e8">20-100 фотографий с обработкой на DVD-диске</td>
    <td class="tg-p2e8">50-150 фотографий с обработкой на DVD-диске, 20 отпечатанных фотографий (15Г—21)</td>
    <td class="tg-p2e8">100-200 фотографий с обработкой на DVD-диске, 20 отпечатанных фотографий (15Г—21)</td>
  </tr>
  <tr>
    <td class="tg-p2e8">Срок готовности фотографий</td>
      
   
<td class="tg-p2e8" colspan="4" >Через 1 месяц</td>
  </tr>
</table>
Как можно сделать рамку вокруг таблицы красивее и объемнее что ли...? Пытался прописывать border="10" в html'e, но результата 0, в css тоже самое
1 ответ

Xo6ut

Пытался прописывать border="10" в html'e, но результата 0, в css тоже самое
выкинуть это, cellpadding:15 px; cellspacing:3; добавить это
.tg {border:11px solid red;}
исправить colspan="4" на тройку зачем два раза одно и тоже писать, .tg th{} и .tg td{}и скормить файл валидатору, валидатор еще на что то ругается, лень искать. страница проверки html http://validator.w3.org/#validate_by_upload показываем файл и жмём кнопкустраница проверки css http://jigsaw.w3.org/css-validator/#validate_by_upload показываем файл и жмём кнопку