» »

Изменить в CSS атрибут hr на сайте

Изменить в CSS атрибут hr на сайте

Здесь в статье узнаем как поменять горизонтальную линию, что присутствует на сайте. И теперь вы можете поставить свою и выставить оттенок цвета. Также ширину и вообще стилистику полностью поменять. Хоть она на некоторых сайтах незаметна, но если ее сделать ярче, то от не будет много зависит в дизайн интернет ресурса. Здесь будет представлено 3 стиля на разные линии, которые больше всего устанавливают на сайты. Что вы могли видеть на разных порталах и не знали, что также вы сами можете все сделать на своем. Все безусловно зависит от стиля, что идет в CSS, вот его и будем менять.

Вот так примерно по умолчанию у вас будет визуально смотреться и находиться почти в самом начале.

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

Теперь смотрим какой вам нравиться и заменяем свой на оригинальный.



1. Линия где идет в пунктирном варианте.

Код
hr {  
  border: 0;  
  border-bottom: 1px dashed #ccc8c8;  
  background: #827f7f;  
}

2. Линия где по обоим сторонам красиво исчезает.



Код
hr {  
  border: 0;  
  height: 1px;  
  background-image: linear-gradient(to right, rgba(33, 32, 32, 0), rgba(10, 10, 10, 0.75), rgba(14, 14, 14, 0));  
}

3.Это линия сделана на один пиксель и по цвету не сильно яркая.



Код
hr {  
  border: 0;  
  height: 0;  
  border-top: 1px solid rgba(2, 2, 2, 0.1);  
  border-bottom: 1px solid rgba(253, 253, 253, 0.3);  
}
28.08.2017 Просмотров: 473 Комментарий: (3)

Поделиться в социальных сетях

Материал разместил

Комментарий: 3
Sтранник
Sтранник 28.08.2017 19:051
0
Давно искал его когда создал сайт про uCoz, но не нашел.
Kosten
Kosten 28.08.2017 19:122
0
Sтранник, сам выстраивай как тебе нужно, как по цветовой гамме и дизайн.
Sтранник
Sтранник 28.08.2017 19:143
0
Я уже не занимаюсь с сайтом, только есть 1 сайт starszone и больше нет. Только буду делать шаблоны и вид материалов и возможно разные скрипты.
avatar