Как сверстать форму?

Question

Петр Петров @Petr123

Учусь верстать сайты.

Как сверстать форму?

Как лучше сверстать такую форму?

Я сделал так: в фотопоше удалил строку поиска и кнопку, получил это:

Потом получившуюся картинку задал в css через свойство background-image. Но мне кажется это не лучший способ. Можно ли как-то по-другому?

Вопрос задан более трёх лет назад
627 просмотров

Комментировать

Подписаться 1 Оценить Комментировать

Answer 1 · 2017-06-30 19:08:20

Лупу вырезаете отдельной картинкой. Структура примерно такая.

<div class="form">
  <input type="text">
  <button></button> <!-- или div с классом button, или input submit -->
</div>

Центрируете по правому краю либо с помощью inline-block, либо флексами. Лупу ставите как background: #000 url('loop.png'); позиционируете с помощью background-position.

Как сверстать форму?

Войдите на сайт