Тег hr как убрать белую (1 или 0,5 px) полоску под линией?

Question

Марат @Marat21

HTML
CSS

Тег hr как убрать белую (1 или 0,5 px) полоску под линией?

Не могу убрать белую полоску под тегом hr.
Стилистику использую по умолчанию + добавил тень вертикальную
hr {
box-shadow: 0px -5px 10px rgba(109, 107, 107, 0.925);
}

Вопрос задан более трёх лет назад
786 просмотров

4 комментария

Подписаться 1 Простой 4 комментария

NaN @KornevaViktoria

Нужен код в песочнице

Написано более трёх лет назад
Антон @Eridani

Держите

Написано более трёх лет назад
VegasChickiChicki @VegasChickiChicki

Антон, Ахахах, тупо лайк

Написано более трёх лет назад

Марат @Marat21 Автор вопроса

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="style.css">
  <title>Document</title>
</head>
<body>
  <div class="wrap">
  <div class="header">
    </div>
   <hr>
  <div class="cnt">
  </div>
  
</body>
</html>

* {
  margin: 0px;
  padding: 0px;
}
.header {
  height: 50px;
  background: red;
}

.wrap {
  height: 50px;
  background: red;
}
.cnt {
  height: 30px;
  background: red;
}
hr {
  box-shadow: 0px -5px 10px rgba(109, 107, 107, 0.925);
}

Написано более трёх лет назад

Решения вопроса 1

1 комментарий

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

CSS

Простой
Почему line-clamp для обрезания строк отображает текст ниже троеточия?
- 1 подписчик
- 42 минуты назад
- 9 просмотров
1

ответ
HTML

+1 ещё

Простой
Можно ли изменить цвет шрифта снаружи для тега у которого цвет прописан внутри?
- 1 подписчик
- час назад
- 18 просмотров
1

ответ
JavaScript

+4 ещё

Средний
Как сделать правильное динамическое масштабирование ion-range в зависимости от ширины колонок линии со значениями?
- 1 подписчик
- 18 часов назад
- 42 просмотра
0

ответов
CSS

Простой
Не работает скролл на фоне блока. Как исправить?
- 1 подписчик
- 19 часов назад
- 35 просмотров
1

ответ
HTML

+1 ещё

Простой
Как поместить картинку рядом с текстом?
- 1 подписчик
- 22 часа назад
- 75 просмотров
2

ответа
CSS

Простой
Как выровнять по высоте заголовки в карточках товаров?
- 1 подписчик
- вчера
- 82 просмотра
3

ответа
HTML

+1 ещё

Средний
Как в файле svg заставить работать события?
- 3 подписчика
- вчера
- 686 просмотров
2

ответа
CSS

Средний
Почему у элемента такое поведение?
- 4 подписчика
- вчера
- 2160 просмотров
0

ответов
CSS

Простой
Почему не работает transition свойство в scss файле через webpack?
- 1 подписчик
- вчера
- 61 просмотр
2

ответа
HTML

+1 ещё

Простой
Почему верхние и нижние внешние отступы пустого блока не схлопываются?
- 2 подписчика
- вчера
- 205 просмотров
4

ответа
Показать ещё Загружается…

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Fullstack PHP Developer

Smapse Education

от 40 000 до 65 000 ₽

Trainee - IT Support

move2usajobs.com LLC • Лос-Анджелес

от 2 000 до 4 000 $

Разработка страницы блога на сайте на WordPress

24 апр. 2024, в 17:00

1000 руб./в час

Создание промо картинок мобильного приложения

24 апр. 2024, в 16:42

10000 руб./за проект

Визуальные в фронтенд WebApp телеграмм бота

24 апр. 2024, в 16:35

5000 руб./за проект

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="style.css"> <title>Document</title> </head> <body> <div class="wrap"> <div class="header"> </div> <hr> <div class="cnt"> </div> </body> </html>

* { margin: 0px; padding: 0px; } .header { height: 50px; background: red; } .wrap { height: 50px; background: red; } .cnt { height: 30px; background: red; } hr { box-shadow: 0px -5px 10px rgba(109, 107, 107, 0.925); }

Answer 1 · 2019-10-30 16:25:11

origami1024 @origami1024

went out for a night walk

hr {
    border-bottom: 0;
}

Ответ написан более трёх лет назад

1 комментарий

Тег hr как убрать белую (1 или 0,5 px) полоску под линией?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт