753 декоративные линии PNG, векторы и файлы PSD. Линии декоративные

декоративные линии Волнистые линии

790*1144 443 2214

декоративные линии

500*500 121 730

голубые волны украшения вектор

1699*1244 42 610

Цвет линии границы узор

2192*2193 59 530

Technology чувство декоративные линии

3414*1677 65 417

декоративные линии границы вектор

1492*2310 81 393

кривая свечения

500*500 39 299

декоративные линии

2917*2917 20 290

вектор желтого солнца свет

1500*1500 15 246

декоративные линии границы вектор

1741*2261 63 243

декоративные линии

2917*2917 9 229

декоративные линии линий сегментация

3665*732 22 209

пульс декоративные линии

1955*619 43 166

табло декоративные линии

1670*2357 9 163

вектор бабочка декоративные циркуляр границы

1501*1501 75 140

эстетизм изысканные декоративные линии наклонных полос фон затенение

1239*1339 14 134

Оформление фона оранжевый линий вектор

1680*2045 13 134

цвет подчеркивает украшения

3508*2480 2 127

вектор красной границы декоративные линии

680*961 15 126

вектор текстуры линий

1638*2295 43 114

вектор фиолетовый линий перспективы декоративный фон кривая

1681*2348 23 113

декоративные линии границы вектор

2050*2890 35 109

сегментация линии протектора

1854*586 7 108

градиент линий

3508*2480 1 106

вектор текстуры линий

1875*2331 34 106

Круто, динамичный декоративные линии

1272*2000 25 96

Европейский декоративные линии

1686*475 11 92

классический вектор линий текстура

1656*2304 28 88

ru.pngtree.com

27 оригинальных разделительных линий на сайт

Оригинальные разделительные линии на сайт можно создавать при помощи красивых картинок, либо воспользоваться специальными стилями CSS. В этой статье вы найдете 27 вариантов различных оригинальных разделительных линий на сайт. На самом деле их гораздо больше, т.к. рисованные линии представлены целыми наборами, а созданные при помощи css имеют множество вариаций в каждом из примеров. Вэлкам!

Разделительные линии на сайте служат для визуального выделения отдельных блоков. Например, для отделения друг от друга статей в ленте блога, либо отдельных блоков в сайдбаре. Ими так же можно отделять различные части длинного текста, форматируя таким образом статью для лучшего ее восприятия при чтении.

Издавна в верстке сайтов использовался для этих целей специальный тэг hr. Правда, по-умолчанию он выглядит не самым лучшим образом, какой-то серенькой невзрачной линией да еще и с невнятным эффектом объема (см. примеры на первой картинке).

Мало того, каждый браузер по-своему отображает такую линию, что не есть гуд.

Поэтому энтузиасты придумали массу вариантов, как исправить эти некрасивости при помощи стилей в CSS, либо просто не морочились, а заменяли эту линию обычной картинкой.

Сегодня мы рассмотрим оба варианта добавления разделительной линии на сайт. Сначала рассмотрим варианты с картинками.

Как вы понимаете, картинок может существовать бесчисленное множество. Я выбрал наиболее интересные и эффектные.Поехали!

Разделительные линии на сайт в виде картинок

1. Коллекция красивых каллиграфических разделительных линий для сайта

2. Коллекция красивых каллиграфических разделительных линий для сайта 2

3. 12 винтажных разделительных линий на сайт

4. Декоративные разделительные линии для сайта в стиле ретро

5. 12 цветочных разделительных линий для вашего сайта

6. Разделительные линии на сайт в стиле цветочного орнамента

7. Декоративные разделительные линии для сайта

8. Классные разделительные линии на сайт в виде орнаментов и колючей проволоки

9. Декоративные разделительные линии на сайт, нарисованные от руки

10. Декоративные разделительные линии на сайт, нарисованные от руки 2

11. 18 симпатичных разделительных линий для сайта

12. Мега набор прекрасных разделительных линий для сайта и не только

13. Разделительные линии для сайта с короной по центру

14. Красивый набор разделительных линий для сайта в стиле ретро

15. Красивый набор разделительных линий для сайта в стиле ретро 2

16. Рисованные от руки декоративные разделительные линии для сайта

17. Золотая коллекция разделительных линий для сайта

Несколько слов о том, как применить эти картинки в качестве разделительной линии. Существует, как минимум, два варианта:

1. Использовать тот самый тэг hr. Просто к нему мы прописываем в стилях css следующий набор правил:

hr{background:url(line.gif) repeat-x top left;border: 0;height:10px; /* высота нашей картинки-линии */}

Если не нужно, чтобы картинка повторялась, а была в единственном экземпляре и располагалась по центру, то применим другое правило:

background:url(line.gif) no-repeat top center;

2. Использовать картинку в качестве фона для блока, в котором она будет изображать разделительную линию. Тут еще проще. Добавляем эту картинку в качестве фона к конкретному блоку вот таким правилом:

background:url(line.gif) no-repeat bottom center;

При этом картинка линии разместится в самом низу блока по центру, что и будет выглядеть, как красивая разделительная линия между блоками.

Разделительные линии на сайт с помощью CSS

Картинки в качестве разделительной линии — это, конечно, красиво. Но гораздо круче сделать их на чистом CSS. Они и грузятся быстрее и не зависят от того, включено ли отображение картинок в браузере пользователя или нет.

Подробного описания к примерам не даю, там и так все интуитивно понятно. Просто берете код и добавляете на свой сайт.

18. Разделительные линии для сайта на CSS | Меняем цвет линии

19. Разделительные линии для сайта на CSS | Заголовок с линиями

20. Простые CSS стили для разделительных линий на сайт

21. Стилизация разделительных линий для сайта на CSS

22. Создаем точечные линии через CSS

23. 13 бесплатных разделительных линий для тэга hr

24. 18 простых стилей для разделительных линий на сайт на CSS

25. Стилизация тэга hr при помощи CSS

26. Как с помощью стилей задать цвет линии тега hr

27. Горизонтальные и вертикальные разделительные линии для сайта

Надеюсь, представленной коллекции разделительных линий для сайта вам хватит надолго.

Enjoy!

06.03.2017

Автор: Игорь Квенторwww.websovet.com

Если статья оказалась для вас полезной, пожалуйста, поставьте свою оценку и поделитесь в соцсетях:

www.websovet.com

декоративные линии, украшения, линия, узор PNG изображение для бесплатной загрузки

• ГРАФИЧЕСКИЙ ДИЗАЙН
  • ROYALTY FREE

    популярный Royalty Free

    2018 день рождения Календарь День отца Календарь 2018 Цветы День матери логотип Листья рождество Лето Цветок С новым годом Акварель свадьба
  • PNG

    популярный PNG

    животные Стрелки осень птица день рождения автомобилей рождество круг облако коронка взрыв огонь цветок трава Сердца свет линия логотип музыка люди Ленты дым звезда солнце дерево воды
  • VECTOR

    популярный=?> VECTOR

    логотип Ленты рука звезда автомобилей рождество Сердца дерево Стрелки цветок небо облако орнамент солнце фон книга
  • PSD

    популярный PSD

    фон Визитная карточка кнопка календарь рождество огонь цветы логотип резюме Ленты дым Шаблоны дерево
• ПРЕДПОСЫЛКИ
  • ЗАДНИЙ ПЛАН

    популярный ПРЕДПОСЫЛКИ

    абстрактный черный синий бизнес мультипликация рождество красочный прохлада милый огонь цветок геометрический зеленый Хэллоуин Сердца природа Узоры розовый красный простой весной лето технология текстура акварельный свадьба белый
  • ОБОИ

    популярный ОБОИ

    Абстрактные малыш Автомобиль Мультфильм рождество красочный Круто Осень Цветок Люблю Природа Космос весна звезда Лето зима
  • ЗНАМЯ

    популярный ЗНАМЯ

    день рождения Бизнес рождество Круто Флаг градация Хэллоуин Вечеринка лента Продажа Школа Виды спорта Лето Web
• ШАБЛОНЫ плакат визитки листовки приглашения брошюры баннер сертификат резюме карты Logotipo

ru.pngtree.com

декоративные линии, абстрактный фон линия, линия текстура, бесшовные украшения PNG и вектор для бесплатной загрузки

• ГРАФИЧЕСКИЙ ДИЗАЙН
  • ROYALTY FREE

    популярный Royalty Free

    2018 день рождения Календарь День отца Календарь 2018 Цветы День матери логотип Листья рождество Лето Цветок С новым годом Акварель свадьба
  • PNG

    популярный PNG

    животные Стрелки осень птица день рождения автомобилей рождество круг облако коронка взрыв огонь цветок трава Сердца свет линия логотип музыка люди Ленты дым звезда солнце дерево воды
  • VECTOR

    популярный=?> VECTOR

    логотип Ленты рука звезда автомобилей рождество Сердца дерево Стрелки цветок небо облако орнамент солнце фон книга
  • PSD

    популярный PSD

    фон Визитная карточка кнопка календарь рождество огонь цветы логотип резюме Ленты дым Шаблоны дерево
• ПРЕДПОСЫЛКИ
  • ЗАДНИЙ ПЛАН

    популярный ПРЕДПОСЫЛКИ

    абстрактный черный синий бизнес мультипликация рождество красочный прохлада милый огонь цветок геометрический зеленый Хэллоуин Сердца природа Узоры розовый красный простой весной лето технология текстура акварельный свадьба белый
  • ОБОИ

    популярный ОБОИ

    Абстрактные малыш Автомобиль Мультфильм рождество красочный Круто Осень Цветок Люблю Природа Космос весна звезда Лето зима
  • ЗНАМЯ

    популярный ЗНАМЯ

    день рождения Бизнес рождество Круто Флаг градация Хэллоуин Вечеринка лента Продажа Школа Виды спорта Лето Web
• ШАБЛОНЫ плакат визитки листовки приглашения брошюры баннер сертификат резюме карты Logotipo макет графики De outros... канцелярские товары
• АРТ ФОНТ новый
• POWERPOINT новый Бизнес просто Микро стереоскопические Мультфильм Круто творческий мода китайский стиль Другие
• премия

ru.pngtree.com

• 
  Сочетание цветов в одежде желтый
• 
  Как расположена нить основы на детали кроя спинки
• 
  Фото платье с квадратным вырезом
• 
  Переделать капюшон в воротник на шубе
• 
  Для урока труда нужно
• 
  Усадка ткани при стирке таблица
• 
  Берет с козырьком женский
• 
  Швейная машинка lucznik 82r инструкция
• 
  Швейная машинка lucznik 82r инструкция
• 
  Как шить искусственную кожу на швейной машинке
• 
  Как шить искусственную кожу на швейной машинке