Свойство с помощью которого можно изменить курсор мыши называется cursor. Оно может принимать разные значения: crosshair, default, pointer и т.д.
Переходим к практике.
Для начала выполняем стандартные действия: создаем html-страницу и прописываем в ней ссылку на css-файл (о том как это сделать можно прочитать здесь). Далее добавляем на страницу ряд ссылок (в моем случае их 8) с атрибутом id. Вот так это должно выглядеть:
В итоге у нас должен получиться ряд из восьми абсолютно одинаковых ссылок (но при этом значения атрибутов id будут разными).
А в css-файле будет прописано следующее:
Если все было сделано правильно то курсор мыши будет меняться при наведении на ту или иную ссылку.
К статье будет прикреплен исходный код для копирования.
Для ссылок:
<a id="q1" href="https://ru.wikipedia.org/wiki/Бернерс-Ли,_Тим">Тим Бернерс-Ли</a>
<br>
<a id="q2" href="https://ru.wikipedia.org/wiki/Бернерс-Ли,_Тим">Тим Бернерс-Ли</a>
<br>
<a id="q3" href="https://ru.wikipedia.org/wiki/Бернерс-Ли,_Тим">Тим Бернерс-Ли</a>
<br>
<a id="q4" href="https://ru.wikipedia.org/wiki/Бернерс-Ли,_Тим">Тим Бернерс-Ли</a>
<br>
<a id="q5" href="https://ru.wikipedia.org/wiki/Бернерс-Ли,_Тим">Тим Бернерс-Ли</a>
<br>
<a id="q6" href="https://ru.wikipedia.org/wiki/Бернерс-Ли,_Тим">Тим Бернерс-Ли</a>
<br>
<a id="q7" href="https://ru.wikipedia.org/wiki/Бернерс-Ли,_Тим">Тим Бернерс-Ли</a>
<br>
<a id="q8" href="https://ru.wikipedia.org/wiki/Бернерс-Ли,_Тим">Тим Бернерс-Ли</a>
Для файла css:
# q1 {
cursor: crosshair;}
# q2 {
cursor: default;}
# q3 {
cursor: pointer;}
# q4 {
cursor: move;}
# q5 {
cursor: text;}
# q6 {
cursor: progress;}
# q7 {
cursor: wait;}
# q8 {
cursor: help;}
Спасибо за внимание!
Появились вопросы? Что-то не получилось? Пишите в комментариях. Вместе мы сможем со всем разобраться)
Если статья оказалась полезной предлагаю подписаться на канал.
