Кейсы

Для создания однострочного текстового поля применяется элемент <input>. Чтобы получилось не просто пустое поле, а поле с заранее выведенным текстом, нужно к <input>…

Круглая кнопка обычно используется в тех случаях, когда вместо текста на кнопке выводится иконка или одиночный символ. Вот некоторые ситуации, где использование круглых кнопок…

Для изменения цвета фона и текста кнопки используем, соответственно, свойства background и color, добавляя их к селектору button, как показано в примере 1. Пример 1. Цветные…

Чтобы пользователь понимал, что его щелчок по кнопке сработал, в момент щелчка меняют вид самой кнопки. Для этого используется псевдокласс :active, который добавляется к селектору…

В правом нижнем углу текстового поля <textarea> есть небольшой уголок (рис. 1) с помощью которого мышью можно изменить размеры поля. Рис. 1. Вид текстового поля Вид…

Чтобы на кнопку нельзя было нажать или каким-либо образом с ней взаимодействовать, к элементу <button> добавляется атрибут disabled. <button>Обычная…

По умолчанию фоновая картинка повторяется по горизонтали и вертикали, выстраиваясь мозаикой по всему элементу. Такое поведение не всегда требуется, часто картинка используется для…

Для изменения размеров фоновой картинки используется свойство background-size. Значение 100% масштабирует изображение на всю доступную ширину, при этом высота будет задана…

Для создания цветного фона разной степени прозрачности применяется свойство background или background-color, в качестве значения указывается функция rgba() или rgb(), в которой…

Для создания градиентов предназначена функция linear-gradient(), которая добавляется к свойству background или background-image. background: linear-gradient(#9A5044, #E8D9A9); Без…