Как в CSS сделать красивое оформление элементов input в формах - смотреть онлайн видео урок бесплатно!
Р
е
к
л
а
м
а
Приветствую Вас Гость | Регистрация | Вход

Реклама

Как в CSS сделать красивое оформление элементов input в формах

Это видео посвящено вопросу о том, как в CSS сделать красивое оформление элементов input в формах. Для начала необходимо присвоить для тегов input, предназначенных для ввода имени и пароля, определенный класс, через который мы будем определять свойства, влияя на внешний вид элементов формы. Теперь в файле CSS можно установить для них рамку через свойство border и ширину - width. После этого, с помощью параметра background-image, поставим на фон элементов input изображение в виде градиента. Повтор картинки установим только по горизонтали. С этой целью присвоим свойству background-repeat значение repeat-x. Таким образом, элементы формы для ввода имени и пароля стали значительно красивее. Теперь нужно сделать так, чтобы при щелчке внутри одного из полей, его внешний вид менялся. А именно - пропадало фоновое изображение поля, цвет фона становился белый, а толщина рамки увеличивалась. Для реализации этой задумки нужно использовать псевдоселектор focus. Т.е. в момент получения фокуса полем, будут использоваться новые правила оформления... Видео урок «Как в CSS сделать красивое оформление элементов input в формах» вы можете смотреть онлайн совершенно бесплатно. Удачи Вам!


  • Автор: Евгений Попов
  • Длительность: 13:40
  • Дата: 06.05.2013
  • Смотрели: 7
  • Рейтинг: 0.0/0

Отзывы и комментарии: 0
Никто ещё не оставил комментариев, станьте первым.

Реклама

Если у Вас есть качественные видео уроки, которых нет на нашем сайте, то Вы можете добавить их в нашу коллекцию. Для этого Вам необходимо загрузить их на видеохостинг (например, YouTube) и добавить код видео в форму добавления уроков. Возможность добавлять свои материалы доступна только для зарегистрированных пользователей.