При верстке страницы CSS — незаменимая часть работы, я часто слышу, как люди говорят: HTML — это то, как человек выглядит без макияжа, а добавление CSS — это то, как человек выглядит после макияжа. Это предложение легко понять и очень хорошо объясняет взаимосвязь между CSS и HTML.
В CSS имеется множество свойств. В этой статье в основном объясняется стиль мыши CSS, то есть свойство курсора CSS и множество его дополнительных значений. Например, форма руки курсора использует свойство курсора: указатель.
1. Основной синтаксис курсора CSS
Что такое атрибут курсора? Он относится к форме курсора, которая появляется, когда указатель мыши помещается внутри границы элемента. Он включает в себя вопросительные знаки, маленькие руки и другие фигуры.
При его использовании вы можете вставить style=cursor: определенное значение атрибута в любой тег, который хотите добавить, или добавить его в стиле CSS.
например:
указатель, маленькая форма руки
помогите, помогите сформировать.
Для значений атрибутов курсора имеется более десятка дополнительных значений . Просто во время работы выбирайте подходящее значение в соответствии с вашими потребностями.
2. Значение атрибута курсора CSS
Совет: из-за разных компьютерных систем стили мыши могут различаться.
Пример:
<!DOCTYPEhtml><html><head><style>div{height:30px;border:1pxsolidgreen;margin-top:10px;}.cell{курсор:cell;}.crosshair{курсор:перекрестие;}.text{курсор :text;}.vertical-text{курсор:вертикальный-текст;}.alias{курсор:псевдоним;}.copy{курсор:копия;}.move{курсор:перемещение;}.no-drop{курсор:no-drop ;</style></head><body><divclass=cell>курсор:ячейка;</div><divclass=crosshair>курсор:перекрестие;</div><divclass=text>курсор:текст;</ div> div><divclass=vertical-text>курсор:вертикальный-текст;</div><divclass=alias>курсор:алиас;</div><divclass=copy>курсор:копия;</div><divclass= move> курсор: перемещение;</div><divclass=no-drop>курсор: no-drop;</div></body></html>Вы можете запустить его и посмотреть, это очень интуитивно понятно.