ホームページ  >  記事  >  ウェブフロントエンド  >  CSSでマウスジェスチャーを設定する方法

CSSでマウスジェスチャーを設定する方法

王林
王林オリジナル
2020-11-23 14:40:104483ブラウズ

CSS でマウス ジェスチャを設定する方法: [span.crosshair {cursor:crosshair}] など、cursor 属性を使用して設定できます。cursor 属性は、マウス ポインターが配置されたときに使用されるカーソルを定義します。要素の境界内、形状。

CSSでマウスジェスチャーを設定する方法

このチュートリアルの動作環境: Windows 10 システム、CSS3 バージョンこの方法は、すべてのブランドのコンピューターに適しています。

CSS でマウス ジェスチャを設定する方法:

(学習ビデオ共有: css ビデオ チュートリアル)

関連属性:

cursor 属性は、マウス ポインターが要素の境界内に置かれたときに使用されるカーソルの形状を定義します。

属性値 (部分):

  • #default デフォルトのカーソル (通常は矢印)

  • auto デフォルト。ブラウザによって設定されたカーソル。

  • #十字線 カーソルは十字線として表示されます。

  • pointer カーソルはリンクを示すポインタ (手) として表示されます。

  • move このカーソルは、オブジェクトが移動できることを示します。

  • #wait このカーソルは、プログラムがビジー状態であることを示します (通常は時計または砂時計)。

  • #ヘルプ このカーソルは、利用可能なヘルプ (通常は疑問符またはバルーン) を示します。

例:

span.crosshair {cursor:crosshair}
span.help {cursor:help}
span.wait {cursor:wait}

関連する推奨事項:

CSS チュートリアル

以上がCSSでマウスジェスチャーを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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