@ajlee4

Реализовать border?

Как реализовать такой бордер? 5d8327d2d09aa402465571.png
  • Вопрос задан
  • 91 просмотр
Решения вопроса 1
Например, вот так (используя особенности Flexbox)

Результат:
https://codepen.io/hisbvdis/pen/bGbmybe
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
criticalsomethoughts
@criticalsomethoughts
UI\UX Developer, Project Manager
Очень просто.
Вы делаете блок - присваиваете емуposition: relative, input - даете дополнительную обертку для удобного позиционирования. Обертке и button присваиваете значение position: absolute и выравниваете обертку top: -n px, button - bottom: -n px.

Основному блоку задаете
background-color: transparent, border: 1px solid #your-color.


Такой же трюк можно сделать с отрицательными margin. Но я думаю игра не стоит свеч.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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