Нежнейший шоколадно-сливовый бисквитный рулет "Мария" Нежнейший бисквитный рулет. С насыщ...
Варианты фраз для гравировки колец - (1)Варианты фраз для гравировки колец. Неcколько вaриaнтов фрaз для гравировки нa коль...
Луковая шелуха от вредителей - (0)Луковая шелуха от вредителей Не всем известно, что хорошим удобрением и отличным средством о...
Самый полезный в мире завтрак: Овощная запеканка «Минутка здоровья» - (0)Самый полезный в мире завтрак: Овощная запеканка «Минутка здоровья» Овощная з...
Всё под рукой/Всё, что нужно начинающему блогеру(обновленный материал) - (0)Всё под рукой/Всё, что нужно начинающему блогеру(обновленный материал) *****Внимание : Если хоть ...
ОткрыткиПерерожденный каталог открыток на все случаи жизни
Дешевые авиабилетыВыгодные цены, удобный поиск, без комиссии, 24 часа. Бронируй сейчас – плати потом!
Онлайн-игра "Empire"Преврати свой маленький замок в могущественную крепость и стань правителем величайшего королевства в игре Goodgame Empire.
Строй свою собственную империю, расширяй ее и защищай от других игроков. Б
Онлайн-игра "Большая ферма"Дядя Джордж оставил тебе свою ферму, но, к сожалению, она не в очень хорошем состоянии. Но благодаря твоей деловой хватке и помощи соседей, друзей и родных ты в состоянии превратить захиревшее хозяйст
Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
Как сделать двойную рамку вокруг таблицы? |
Как сделать двойную рамку вокруг таблицы?
Для добавления двойной рамки воспользуйтесь стилевым атрибутом border, добавляя его к селектору TABLE. Атрибут border задает сразу три параметра рамки ? толщину, ее тип и цвет, они разделяются между собой пробелом. Например, border: 2px double #000 создает рамку толщиной два пиксела (2px), двойную (double) и черного цвета (#000). В примере 1 показано применение border для рисования двойной рамки вокруг таблицы.
Пример 1. Создание двойной рамки
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Двойная рамка</title>
<style type="text/css">
TABLE {
border: 4px double #fc0; /* Параметры двойной рамки */
width: 100%; /* Ширина таблицы */
}
TD {
padding: 5px; /* Поля в ячейках */
background: #f0f0f0; /* Цвет фона в ячейке */
}
</style>
</head>
<body>
<table>
<tr>
<th>Щелочные металлы </th>
<th>Щелочноземельные</th>
</tr>
<tr>
<td>Литий</td>
<td>Берилий</td>
</tr>
<tr>
<td>Калий</td>
<td>Магний</td>
</tr>
<tr>
<td>Натрий</td>
<td>Кальций</td>
</tr>
</table>
</body>
</html>
Результат данного примера показан на рис. 1.
Рис. 1. Вид таблицы с двойной рамкой
Толщину границы при использовании двойной рамки не стоит делать меньше двух пикселов, иначе линии ?склеятся? между собой. В итоге получится не двойная, а одинарная рамка.
| Рубрики: | ВСЕ ДЛЯ ЛИРУ |
| Комментировать | « Пред. запись — К дневнику — След. запись » | Страницы: [1] [Новые] |
