コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > CSSチュートリアル > 本文

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

不言
リリース： 2018-07-02 09:26:46
オリジナル
2098 人が閲覧しました

この記事では、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 サイトの他の関連記事を参照してください。

関連ラベル：
css
ソース：php.cn
前の記事：左右の可能性値に対する CSS エッジ オフセット距離の分析 次の記事：CSS における Position:relative の役割の概要
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Javafx でインライン CSS スタイルを動的に変更する アプリケーションが最大化されているときにペインの背景画像を変更しようとしています。私の背景はインライン CSS を使用して設定されています。スタイル用に 2 つの異なる変数と if...
から 2024-04-06 20:57:16
0
1
487
JavaScript を使用せずにクリック時に画像ソースを動的に変更する CSS のみのメソッド img:active{} のような CSS のみを使用して、マウスクリック時に画像の src を変更する必要があります
から 2024-04-06 19:25:49
0
1
505
SCSSを使用してデフォルト値とCSS変数を生成する ウェブサイトのスタイリングを実装しています。レガシー サポートの理由から、少なくともしばらくの間は IE11 をサポートする必要があります。ワークフローと私の健全性の理由から、私は...
から 2024-04-06 17:46:54
0
1
355
CSS スタイルがサイトに適用されない Bootstrap5を使用してWebサイトを作成していますが、index.cssプロパティがindex.htmlに適用されません。サービス カードの上にマウスを移動すると、背景が変...
から 2024-04-06 17:12:23
0
1
336
hr タグが単色白に設定されているのに半透明になるのはなぜですか? HTML（ブートストラップ付き）とCSSがあり、HTMLにはクラスを持つ<hr>タグがあり、CSSにはその境界線スタイルがあります。半透明で白い色は見えますが、「固体」...
から 2024-04-06 16:13:26
0
1
500
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート