Здесь в статье узнаем как поменять горизонтальную линию, что присутствует на сайте. И теперь вы можете поставить свою и выставить оттенок цвета. Также ширину и вообще стилистику полностью поменять. Хоть она на некоторых сайтах незаметна, но если ее сделать ярче, то от не будет много зависит в дизайн интернет ресурса. Здесь будет представлено 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); } |