ホームページ  >  記事  >  ウェブフロントエンド  >  CSSを使用してマウスを手のスタイルに変更する方法の紹介

CSSを使用してマウスを手のスタイルに変更する方法の紹介

不言
不言オリジナル
2018-07-02 09:26:462007ブラウズ

この記事では、CSS を使用してマウスを手の形に変更するための関連情報を主に紹介します。これは非常に優れており、必要な友人は参照してください。

自分で設定したその他のタグ。 、より良いエクスペリエンスを実現するために、スライド処理中にマウスをジェスチャーに変換します

対応する CSS スタイルの簡単な概要。

が配置されているpにcursor:pointerを追加するだけです。

例:

<p id="doPrint" style="border: solid;width: 64%;margin: 0% 20%;height: 65%;display: block;cursor:pointer;">     
        手势变化区域     
</p>

対応する属性値は次のとおりです:

auto                    :标准光标       
default                 :标准箭头       
pointer, hand           :手形光标       
wait                    :等待光标       
text                    :I形光标       
vertical-text           :水平I形光标       
no-drop                 :不可拖动光标       
not-allowed             :无效光标       
help                    :帮助光标       
all-scroll              :三角方向标       
move                    :移动标       
crosshair               :十字标

以上がこの記事の全内容です。その他の関連コンテンツについては、こちらをご覧ください。 PHP 中国語 Web サイトに注意してください。

関連する推奨事項:

CSS3 は、展開されたコンテンツを表示するためのマウスホバーを実装します

CSS3 を使用して、マウスホバー時に境界線を回転させる

以上がCSSを使用してマウスを手のスタイルに変更する方法の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。