| Меню сайта |
 |
|
|
 |
| Категории каталога |
|
|
|
| Мини-чат |
|
|
|
|
| Наш опрос |
|
|
|
|
Создаем точечные линии через CSS
В этом уроке пойдет речь о создании горизонтальных и вертикальных линий состоящих из точек, которые частенько используются при создании сайтов.
Делаются эти полосы очень просто. Полоса может быть сколько угодно длинной потому что состоит из растиражированной точки.
Под большим увеличением эта точка выглядит примерно так:
Скачать изображения этих точек для создания подобных линий http://youseller.my1.ru/jpeg/points.zip
Для создания горизонтальной линии:
HTML часть
Вставьте этот участок кода в том месте страницы, где Вам нужна линия.
<div class="line"></div>
CSS часть
.line {
background:url(img/line_horz.gif) top left repeat-x; height:1px; width:500px;
}
Ширину горизонтальной линии Вы можете регулировать, меняя значение свойства width.
Для создания вертикальной линии:
HTML часть
Вставьте этот участок кода в том месте страницы, где Вам нужна вертикальная линия.
<div class="line2"></div>
CSS часть
.line2{<br>
background:url(img/line_vert.gif) top left repeat-y; height:500px; width:1px;<br>
}
Высоту горизонтальной линии Вы можете регулировать, меняя значение свойства height.
Вот, что получилось у меня http://ruseller.com/examples/line/index.php
|
| Категория: CSS | Добавил: Денис (10.08.2008)
| Автор: Евгений Попов
|
| Просмотров: 638
| Рейтинг: 0.0/0 |
|
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ] |
|
| Форма входа |
|
|
|
| Поиск |
|
|
|
|
| Статистика |
|
Онлайн всего: 1 Гостей: 1 Пользователей: 0 |
|
|
Главная 
