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

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

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

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

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

Войти через центр авторизации
Похожие вопросы