Измените только что созданный стиль кнопки SubscriЬe, добавив фоновый цвет
и задав другой шрифт:
#subscribe {
margin-left: 240рх:
background-color: #CBD893;
font-family: "Century Gothic", "Gill Sans", Arial. sans-serif;
Вы можете даже изменить шрифт текста в раскрывающемся списке.
11. Добавьте стиль для размещенного на форме списка:
#refer {
font-family: "Century Gothic". ;,Gill Sans". Arial. sans-serif:
Обучающий урок 2: соэдание стилей для форм 315
В итоге текст вопросов и кнопка SubscriЬe выглядят великолепно, но зачем нам
На этом останавливаться? Пришло время слегка приукрасить и поля ввода на
Форме. Начнем с изменения шрифтов и фоновых цветов.
12. Создайте новый групповой селектор для трех полей ввода на форме:
#name. #email. #comments {
background-color: #FBEF99;
font-family: "Lucida Console", Monaco. monospace:
font-size: .9em:
После использования этого группового стиля фон полей ввода для текста (для
Которых применен собственный идентификатор) станет светло-желтым, а также
Изменится размер и тип шрифта, который будут использовать посетители
При вводе текста. Поля ввода выглядят слегка тесными, а также кажется, что
Они размещаются немного ниже соответствующих им текстовых обозначений.
Исправить это посредством CSS проще простого.