@pet1987

Как сверстать такой блок?

Нужно сверстать такую шапку и меню для сайта(см. скриншот).
Не знаю как сверстать такие линии, которые отмечены на скрине. Думаю это делать нужно через CSS свойство border, но точно не знаю.
Подскажите пожалуйста.
5cb9fc604b106037922781.jpeg
  • Вопрос задан
  • 247 просмотров
Решения вопроса 2
@OTCOcity
Можно нарисовать прямоугольник под меню с
border: 1px solid #fff;
и использовать свойство для искажения
transform: skew(-30deg, 0deg);
А менюшку выводить над ним
Ответ написан
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
https://jsfiddle.net/e14x0pvy/
Либо SVG
.d1 {
  background: linear-gradient(to left top, transparent calc(50% - 1px), red 50%, transparent calc(50% + 1px));
}

.d2 {
  border-bottom: 1px solid red;
  transform: rotate(-30deg);
}

.d3 {
  border-bottom: 1px solid red;
  transform: skew(0, -30deg);
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Я думаю можно посмотреть как это делается прямо из кода элемента.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
20 мая 2019, в 15:24
1000 руб./в час
20 мая 2019, в 14:57
100 руб./за проект
20 мая 2019, в 14:54
7000 руб./за проект