|
|
|
|
Урок 16. Как вставить горизонтальную линию на HTML странице. Автор: Андрей Краснокутский Дата: 2009-07-23 С помощью тега hr (Horisontal Rule) на web-страницу можно вставить горизонтальную разделительную линию. Например вот так: Листинг 16.1.
Вот что мы указали в коде листинга: Линия размером 50 процентов от общей ширины, с выравниванием по центру и толщиной в один пиксель. Тега hr может иметь следующие атрибуты:
Несколько примеров линий: <HR> (Обычная линия)
Листинг 16.2.
Линия размером 50 процентов с выравниванием по левому краю и с нулевой толщиной.
Листинг 16.3.
Линия размером 80 процентов, выравнивание по центру и толщиной 3 пикселя:
Листинг 16.4.
Линия размером 80 процентов с толщиной 8 пикселей. Кроме этого линия закрашена синим цветом, выравгивание по центру - по умолчанию:
Вместо линии можно реализовать и квадрат: Листинг 16.5.
Длина и толщина линии одинакова, за счет этого и рисуется квадрат. Он выполнен с выравниванием по центру и имеет красный цвет: Расположить несколько квадратов в одну строку, к сожалению, нельзя.
Просмотров: 26839 Поделитесь этой информацией со своими друзьями! Комментарии к этой статье (уроку): Комментарии добавил(а): Калян А как вертикальную? Комментарии добавил(а): Ника К. Спасибо! Все так наглядно и доступно, что чувствуешь себя не очень умным человеком - это даже слишком просто :)) Комментарии добавил(а): пффф а как вставить картинку? чтобы был не просто горизонтальный разделитель, а картинка в виде гориз.разделит.?? Комментарии добавил(а): артьём спс по инфеи помогло Комментарии добавил(а): Сергей Классно! Спасибо автору за простые и понятные примеры! Комментарии добавил(а): Олег Пожалуй, можно разместить несколько квадратов в одну линию, но при этом надо применить таблицу. Создаётся строка, а в каждой колонке поместить по квадрату. Это, правда, только предположение. Но попробовать можно. Добавить Ваш комментарий: |
Новости сайта Почтовая рассылка Новинка! Как реально заработатьв Интернете? "Обзор видов и способов заработка."
Специальный Отчет:  В подарок всем подписчикам! Полный список наших почтовых рассылок! Домены 
Google Adsense |
Навигация
Видео Курсы
Последние заметки
Новости сайта
Архив 2016 год: 2015 год: 2014 год: 2013 год: 2012 год: 2011 год: 2010 год: 2009 год: 2008 год: Сайты друзей Наши ссылки
Если Вам понравился  Наши Аттестаты
|
|
Разрешается полное или частичное копирование материалов сайта с обязательным |