Домой / Сайтостроение / Описание стилей для формы подписки на html5 и css3

Описание стилей для формы подписки на html5 и css3

формы подписки на html5 и css3
формы подписки на html5 и css3

Шаг четвертый: Описание стилей CSS для формы подписки в создании адаптивной страницы на html5 и css3

Здравствуйте, уважаемые друзья и гости блога!


Продолжаем изучать создание адаптивной подписной страницы на html5 и css3.

Сегодня у нас шаг четвертый, в котором мы с вами создадим описание стилей CSS для формы подписки на html5 и css3.

Приступим ...

Создаем описание стилей для формы подписки на html5 и css3

Вам для этого нужно скопировать опять же уже подготовленный мной заранее специальный код:

.subscribe{
  background:rgba(0,0,0,0.65); display: table; padding:20px; margin:0 auto 10px auto; border-radius:5px;
}
.subscribe input{
  float:left;
}
.subscribe input[type="text"], .subscribe input[type="email"]{
  padding:0; border:0; width:320px; margin-right:10px; font-family: 'Open Sans', sans-serif; font-size:1em; padding:12px 20px 13px 20px; box-sizing:border-box;
}
.subscribe input[type="submit"]{
  background:#f3141f; border:0; color:#fff; font-size:1.25em; font-family: 'Open Sans', sans-serif; font-weight:700; padding:10px 35px; cursor:pointer;
}

И вставить его в наш уже знакомый файл стилей style.css.

И на этом пока на сегодня все.

Смотрим видеоурок:

Описание стилей для формы подписки на html5 и css3

Далее мы с вами узнаем:

Все шаги создания адаптивной страницы в html5 и css3:

Спасибо за внимание!

Всегда ваш Валерий Бородин



Про Валерий Бородин

Проверьте также

анимация svg

Анимация SVG или как создать SVG слайдер на сайт?

Анимация SVG в создании слайдера для сайта — Пример рабочего SVG слайдера изображений! Здравствуйте, уважаемые друзья и гости …

  • http://wpsovet.ru Валентин

    Валерий, приветствую. Прикольный материал, но лучше бы сделать это все в одной статье, как бы такой глобальный мануал, а то статьи выходят по две строчки.

    • https://pribylwm.ru/ Валерий Бородин

      Да я думал над этим, но все же решил растянуть.

Блог Валерия Бородина: LiveInternet число посетителей за сегодня Блог Валерия Бородина: данные за сегодня (Yandex.Metrika) Блог Валерия Бородина: рейтинг МайлРу