コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSを使用してマウスを手のスタイルに変更する方法の紹介

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

高洛峰
リリース： 2017-03-07 13:16:59
オリジナル
2901 人が閲覧しました

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

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

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

例: 

<div id="doPrint" style="border: solid;width: 64%;margin: 0% 20%;height: 65%;display: block;cursor:pointer;">     
        手势变化区域     
</div>
ログイン後にコピー

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

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

手の形のマウス スタイルの紹介および関連記事に対する CSS の変更の詳細については、PHP 中国語 Web サイトを参照してください。 ！

関連ラベル：
CSSスタイル
ソース：php.cn
前の記事：CSS トランジション、アニメーション、変換方法についての簡単な説明 次の記事：絶対位置決めの包括的な理解
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
9
1588
width プロパティを追加してコンテンツを左に移動します。 ボディに余白を設けました。 main {left margin: 200px; right margin: 200px; textalignment: center} テキストを1...
から 2024-04-06 22:01:35
0
3
816
Reactのsortメソッドでレンダリング(フィルターとページネーションを使用)をトリガーするにはどうすればよいですか? これが私の Sort.js スタイル コンポーネントです: <SortWrapper><SortText>SortBy</SortText>&l...
から 2024-04-06 21:28:37
0
1
2257
Javafx でインライン CSS スタイルを動的に変更する アプリケーションが最大化されているときにペインの背景画像を変更しようとしています。私の背景はインライン CSS を使用して設定されています。スタイル用に 2 つの異なる変数と if...
から 2024-04-06 20:57:16
0
1
487
MySQL SQLクエリを使用して別のテーブルのフィールドの合計を計算する 次のようなスキーマがあります。 属性「user_id」と「username」を持つユーザーテーブルと、属性「customer_id」（user_idのFK）と「finalPrice...
から 2024-04-06 19:39:29
0
1
441
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート