Задать вопрос
@ajlee4

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

Как реализовать такой бордер? 5d8327d2d09aa402465571.png
  • Вопрос задан
  • 91 просмотр
Подписаться 1 Простой Комментировать
Ответ пользователя Robert-critical-thoughts К ответам на вопрос (2)
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. Но я думаю игра не стоит свеч.
Ответ написан
Комментировать