БлогNot. HTML: одинаковые по ширине ячейки таблицы и обрамление только вокруг таблицы

HTML: одинаковые по ширине ячейки таблицы и обрамление только вокруг таблицы

То есть, если хотим сделать вот так и не писать ячейкам лишних атрибутов вроде width="25%"

1 02 333 4444
5 5 5 5 6 777 88

Достаточно совсем простого стиля для решения задачи:

<style type="text/css">
.table {
 table-layout: fixed;
 width: 200px;
 border: 1px dotted #006600;
}
.table td,th {
 width: 2%;
}
</style>
<table border="0" class="table" align="center" cellpadding="2" cellspacing="0">
 <tr>
  <td>1</td>
  <td>02</td>
  <td>333</td>
  <td>4444</td>
 </tr>
 <tr>
  <td>5 5 5 5</td>
  <td>6</td>
  <td>777</td>
  <td>88</td>
 </tr>
</table>

13.09.2017, 10:57 [4649 просмотров]


теги: html css

К этой статье пока нет комментариев, Ваш будет первым