Приветствую Вас Гость | Регистрация | Вход

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

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




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