HTML マウス CSS コントロール

HTML マウス CSS コントロール
一般的に、マウスは上向きの斜め矢印として表示され、テキストの上に移動すると垂直線になり、ハイパーリンクの上に移動すると手の形になります。ただし、CSS を使用すると、マウスを通常のテキストの上を移動したときにマウスを手の形として表示するなど、マウスの表示効果を制御することができます。
CSS で制御するための構文は次のとおりです。
<span style="cursor:*">テキストまたはその他のページ要素</span>
* を次の 15 個の効果のいずれかに置き換えます。
hand、crosshair、text、wait、default、help、e-resize、ne-resize、n-resize、nw-resize、w-resize、sw-resize、s-resize、se-resize、auto。

以下に15のそれぞれの効果について説明します。説明の上にマウスを移動して、マウスに何が起こるか見てみましょう。
手は手の形です
クロスヘアは十字形です
テキストはテキストに移動する効果です
待つことは待つことの効果である
デフォルトはデフォルトの効果です
ヘルプは疑問符です
eサイズは右向きの矢印です
ne-resizeは右上を指す矢印です
n-resizeは上向き矢印です
nw-resizeは左上を指す矢印です
w-resizeは左矢印です
sw-resizeは左下の矢印です
s-resizeは下向き矢印です
se-resizeは右下向きの矢印です
自動はシステムが自動的に効果を与える

<<:  MySQL で B+ ツリー インデックスを使用する利点は何ですか?

>>:  WeChatミニプログラムでトークンの有効期限を処理する方法

推薦する

mysql8 共通テーブル式 CTE 使用例の分析

この記事では、例を使用して、MySQL 8 の共通テーブル式 (CTE) の使用方法を説明します。ご...

nestjs からフロントエンドに返されるデータ形式のカプセル化実装

通常、開発プロセスでは、インターフェイス要求の成功または失敗は httpcode に基づいて決定され...

MySQLデータベースが予期せずクラッシュし、テーブルデータファイルが破損して起動できなくなる問題を解決します。

問題: MySQL データベースが予期せずクラッシュしたため、データベースを起動できませんでした。エ...

WeChatアプレットでラッキーホイールゲームを実装する方法

ここでは主に、WeChat アプレットでラッキーホイール ゲームを開発する方法を紹介します。主に J...

VirtualBox の仮想ディスク vdi ファイルの容量を拡張する方法 (グラフィック チュートリアル)

VirtualBoxのインストールディレクトリを見つけます。ディレクトリ内には容量を拡張するために...

jQueryはテーブル行データのスクロール効果を実現します

この記事の例では、テーブル行データのスクロール効果を実現するためのjQueryの具体的なコードを参考...

Vueカウンターの実装

目次1. カウンターの実装2. 成果を達成する1. カウンターの実装ページにカウンターを実装するだけ...

今日、今週、今月、先月のMySQLクエリデータ

今日 テーブル名から * を選択します。ここで、to_days(時間フィールド名) = to_day...

HTML(CSSスタイル仕様)を読む必要があります

CSS スタイル仕様1. クラスセレクター2. タグセレクター3. IDセレクター4. CSSスタイ...

nginx ベースのブラウザネゴシエーションキャッシュプロセスの詳細な説明

この記事は主に、nginx に基づいてブラウザネゴシエーションキャッシュを設定する詳細なプロセスを紹...

Windows で負荷分散に Nginx+Tomcat を使用するための完全な手順

序文今日は、Prince が Windows で負荷分散に Nginx + Tomcat を使用する...

NexusはHTTPSプロトコルをサポートするためにnginxプロキシを使用します

背景すべての会社の Web サイトは HTTPS プロトコルをサポートする必要があります。Aliba...

HTML でテキストの折り返しを実装する例 (HTML でテキストと画像が混在)

1. 画像の周りのテキスト通常のものを使用する場合、たとえば次のようになります。コードをコピーコー...

Apache ab同時負荷ストレステストの実装方法

腹筋コマンドの原則Apache の ab コマンドは、マルチスレッドの同時リクエストをシミュレートし...