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

Как сделать такую рамку в CSS?

Подскажите, пожалуйста, можно ли чисто на CSS сделать вот такую обводку блока, которая перерывается и на концах нее кружочки?

5a4f30f644228753776545.png
  • Вопрос задан
  • 439 просмотров
4 комментария
Подписаться 1 Простой 4 комментария
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Да, можно:
делала для другой задачи: https://jsfiddle.net/Ankhena/2xubg90z/
Для вашей больше подойдет так, попроще: https://jsfiddle.net/Ankhena/L8myb66u/

p.s. и не надо использовать fieldset, не по назначению и там где можно обойтись без него.
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 2
Palehin
@Palehin
Frontend
делай заголовок с белым фоном и псевдоэлементами в виде кружков и позиционируй его поверх рамки
Ответ написан
Комментировать
Комментировать
aloky
@aloky
js
Примерно так: https://jsfiddle.net/aysyd5a1/
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать парсер и админку
19 апр. 2024, в 14:12
30000 руб./за проект
Создать логотип
19 апр. 2024, в 14:10
500 руб./за проект
Разработка дизайна мобильного приложения которое управляет вентиляцией
19 апр. 2024, в 14:01
70000 руб./за проект
Ещё заказы