При верстке страницы 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{курсор :текст ;}.vertical-text{курсор:вертикальный-текст;}.alias{курсор:алиас;}.copy{курсор:копия;}.move{курсор:переместить;}.no-drop{курсор:no-drop;} </style></head><body><divclass =cell>курсор:ячейка;</div><divclass=crosshair>курсор:перекрестие;</div><divclass=text>курсор:текст;</div><divclass=vertical-text>курсор:вертикальный-текст; </div>< divclass=alias>курсор:алиас;</div><divclass=copy>курсор:копировать;</div><divclass=move>курсор:переместить;</div><divclass=no-drop>курсор:no-drop ;</div></body></html>Вы можете запустить его и посмотреть, это очень интуитивно понятно.