Различные IT услуги

HTML, Заметки

Как сделать тонкую таблицу

Как сделать тонкую таблицу

Обычный вид таблицы, оставляет желать лучшего, а вот как сделать рамку таблицы тонкой и аккуратной!?

Вот она, обычная уродина:
Обычная таблица html
Исходный код:

<table width="80%" border="1" align="center">
              <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>

                <td>&nbsp;</td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
              <tr>

                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
            </table>

А вот то, что мы хотим:
Тонкая таблица html
Исходный код:

<table width="80%" border="0" align="center"   cellspacing="1" bgcolor="#000000">
              <tr bgcolor="#FFFFFF">
                <td>&nbsp;</td>

                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
              <tr bgcolor="#FFFFFF">
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>

              </tr>
              <tr bgcolor="#FFFFFF">
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
                <td>&nbsp;</td>
              </tr>
            </table>

Тоненькая и аккуратная таблица, не правда ли? 🙂
Разберем атрибуты:
border=»0″ — толщина рамки таблицы равна «0»
cellspacing=»1″ — расстояние между границами соседних ячеек равно «1»
bgcolor=»#000000″ Черный цвет фона таблицы, для наглядности.

Читайте также  Делаем выпадающее меню

И еще, делаем цвет фона для каждой строки таблицы (табличный элемент <tr>). В данном случае, как цвет фона страницы.

  1. Иван

    Очень просто, и без лишних стилей

Добавить комментарий