Приветствую вас, дорогие читатели. Сегодня я хотел бы рассказать о не всем знаковом свойстве, которое позволяет определять в css вид курсора при наведении на различные элементы. Это делается с помощью свойства cursor. У него много значений, но если обобщить, то:
- Можно задать один из стандартных курсоров в windows
- Либо с помощью url задать путь к файлу курсора и использовать его.
Все стандартные значения я перечислять не буду, держите лучше табличку, в которой вы можете увидеть эти значения и внешний вид курсоров.
Например:
q{
cursor: help;
}
При наведении на все цитаты к стандартному курсору будет добавляться вопросительный знак.
span{
cursor: pointer;
}
При наведении на спаны он будет преобразовываться в ладошку.
Задание своего курсора
Это делается вот таким образом:
cursor: url(cursor.cur), pointer;
Сначала вы должны задать url-адрес до файла курсора. Я хочу заметить, что его расширение должно быть .cur. В интернете вы можете скачать много готовых бесплатных наборов в этом расширении, после этого нужные файлы поместите к себе на сайт и задайте к ним правильный путь в этом свойстве. Через запятую лучше написать какой-нибудь стандартный курсор, чтобы если вдруг наш файл не загрузится, все отображалось корректно.
На этом, собственно, и все.
Я использовал в основном только cursor: pointer; Остальное пока не пригодилось.
В основном почти все по умолчанию подходит.