Как задать вид курсора

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

cursor: [вид];

Стандартных видов у курсора - 14:

crosshair - перекрестье
help - знак вопроса или воздушный шар (в зависимости от браузера)
e-resize, w-resize - двунаправленная горизонтальная стрелка
n-resize, s-resize - двунаправленная вертикальная стрелка
ne-resize, sw-resize - двунаправленная диагональная стрелка (с нижнего левого угла в верхний правый)
se-resize, nw-resize - двунаправленная диагональная стрелка (с нижнего правого угла в верхний левый)
move - перекрестье со стрелками на конце
pointer - ладошка
text - вертикальная линия
wait - песочные часы или циферблат (в зависимости от браузера)

И еще два значения:

auto - вид по умолчанию
default - вид по умолчанию на данной платформе (в основном стрелка)

Вступите в группу, и вы сможете просматривать изображения в полном размере

		Это интересно +1	Как всё будет выглядеть в блоге: Как задать вид курсора Здравствуйте! В этой статье я расскажу как с помощью css можно поменять вид курсора Скопируйте код для блога: <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/uchimsya-rabotat-v-kompyuternyih-programmah/13309239/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;"> Как задать вид курсора </a> <div class="insert-intro" style="font-family:trebuchet MS;">Здравствуйте! В этой статье я расскажу как с помощью css можно поменять вид курсора </div> </div> Как задать вид курсора <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/uchimsya-rabotat-v-kompyuternyih-programmah/13309239/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;">Как задать вид курсора</a> <div style="font-family:trebuchet MS;">Здравствуйте! В этой статье я расскажу как с помощью css можно поменять вид курсора </div> </div>

webguru

02.03.2017

В избранное Пожаловаться Просмотров: 645

Комментарии ⁰

Учимся работать в компьютерных программах 1086

Последние откомментированные темы:

Как задать вид курсора

Комментарии временно отключены

Открытая группа
54215 участников