Задать вопрос
@AlexeyVolkov12
html

Как реализовать данную идею в верстке?

Ребят, вопрос элементарны5d42aacdbf599327590685.png Есть бордер, который заканчивается на словах и продолжается после них. Как можно реализовать это?
  • Вопрос задан
  • 962 просмотра
Комментировать
Подписаться 3 Простой Комментировать
Решения вопроса 5
profesor08
@profesor08 Куратор тега CSS
Ну такое совсем просто делается. Много стилей не надо. Достаточно fieldset, legend и чуть чуть transform

<fieldset>
  <legend>Легенда</legend>
  <p>Ну такое совсем просто делается. Много стилей не надо.</p>
</fieldset>


fieldset {
  transform: rotateX(180deg);
}

legend {
  transform: rotateX(180deg);
}

p {
  transform: rotateX(180deg);
}


Ответ написан
8 комментариев
8 комментариев
@rampels
В html есть специальный тег для таких рамок с текстом,
htmlbook.ru/html/legend
Ответ написан
4 комментария
4 комментария
Eridani
@Eridani
Мимо проходил
Как сверстать такой border?
Как сделать такой border?
Как сделать необычный border css?
Ответ написан
Комментировать
Комментировать
@igumenov
Нужно ссылку положить в span, ему дать позиционирование, отступ внутренний 5px и заливку цвета фона
Ответ написан
Комментировать
Комментировать
@GitJedi
Front-end developer, mentor
Я бы делал или через legend. Ссылку бы в span не ложил конечно, не симпатично это. Самой ссылке дать позишн Абсолют паддинги и фон. Все)
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Очистка ин.текста с изображения и создание обложки+корешка для книги
19 апр. 2024, в 15:34
14000 руб./за проект
Разработать фронтенд для интернет-магазина на фреймворке TS
19 апр. 2024, в 15:33
60000 руб./за проект
Спроектировать дизайн сводной SEO таблицы
19 апр. 2024, в 15:20
5000 руб./за проект
Ещё заказы