html и css для начинающих

кнопка меню
кнопка удаления
кнопка удаления

Стилизация форм


Формы позволяют собирать информацию вводимую посетителями сайта: логины и пароли, ответы на вопросы анкеты, комментарии и т.д. Для создания форм, которые хочется заполнять, существуют стили CSS

Стилизация полей ввода


Для стилизации любого поля ввода информации от пользователя, следует обратить внимание на следующие свойства CSS:

formcss
forma

Стилизация кнопок подтверждения


Применяя следующие CSS-стили, можно сделать кнопки более привлекательными:

Допускается указывать несколько параметров тени, разделяя их между собой запятой. В CSS3 учитывается следующий порядок: первая тень в списке размещается на самом верху, последняя в списке — в самом низу. В CSS2 порядок наоборот: первая тень размещается в самом низу, а последняя на самом верху.

buttoncss buttonimg

Браузер отрисовывает вокруг кнопки голубую (в моем случае) рамочку. Чтобы она не мешала, можно использовать свойство outline со значением none.

delete button frame

Стилизация элементов fieldset и legend


Элементы формы, связанные по смыслу можно сгруппировать с помощью элемента fieldset. Как правило, браузер отобразит рамку вокруг формы, а с элемент legend используется для добавления информации к группе элементов.
Обычно с этими двумя элементами используются следующие свойства:

fieldsetcss
fieldset

Свойство cursor


Свойство curcorпозволяет выбрать вид указателя мыши, который должен быть отображен для пользователя в пределах элемента. Вид курсора зависит от операционной системы и установленных параметров. Можно задать пусть к курсору из файла. Синтаксис такой: curcorcss или использовать одно из значений.
Наиболее часто используемые значения для данного свойства:

curcor