Стилизуйте тег <hr /> так, чтобы он отображался во вкладке с толщиной по умолчанию appx (если вы можете стилизовать тег <div> для достижения результата, который в порядке!) [Duplicate]

0

Мне нужно, чтобы <hr/> появился в виде вставки для сайта, над которым я работаю, и любой идеи по его достижению? Я думал о стиле div и давал ему коробку тени, не уверен, что я ухожу с трека или нет.

  • 0
    @Layne Лэйн Я бы сказал, что это близко к дублированию этого вопроса, но мой ответ - более актуальная и гибкая версия, если это имеет значение: p
Теги:
styles

1 ответ

5
Лучший ответ

Ну вот,

JSFIDDLE

.hr {
  background: rgba(0, 0, 0, 0.6);
  height: 1px;
  width: 100%;
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

<span class="hr"></span>

Используя RGBA (красный, зеленый, синий, альфа), вы можете использовать белый/черный с альфой (непрозрачность), чтобы создать иллюзию эффекта вставки.

Поделиться
  • 0
    Если честно, если dexoplex действительно ищет только горизонтальное правило, то ваше решение верное. Если он намеревается разделить фиксированный макет с часом, я бы предложил использовать возможное дублирование. Я ожидал ответа от него, если эта ссылка - то, что он действительно хотел. Я также удивлен, что его приняли или проголосовали за дублирование. Поскольку это не обязательно должен быть один.
  • 0
    Да, я тоже был немного удивлен, поскольку они действительно похожи, но могут отличаться в зависимости от того, что ему нужно. Я также добавил свой ответ на эту страницу из-за гибкости, которую мое решение предлагает для многоцветных фонов. Было бы очень полезно, если бы он просто уже ответил, и у него есть возможность сделать это не дураком. : /

Ещё вопросы

Сообщество Overcoder
Наверх
Меню