ホームページ >ウェブフロントエンド >htmlチュートリアル >CSS はカスタム カーソル スタイルを使用します - Escape Tornado

CSS はカスタム カーソル スタイルを使用します - Escape Tornado

WBOY
WBOYオリジナル
2016-08-18 08:58:011303ブラウズ

テスト環境はChromeブラウザです

Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML、Gecko など) Chrome/43.0.2357.132 Safari/537.36

CSSスタイル

div
{
cursor:url('1.jpg'),pointer;
}

HTML


マウスをdiv上に置くと、カーソルが指定したパターンに変わります

*注意事項

カスタマイズした画像が十分小さいことを確認してください。ここでは 16*16 です

ブラウザごとにサポートされる画像形式が異なりますので、ご自身でご確認ください

cursor:url('1.jpg'),pointer; ここでの 1.jpg は、現在の html ファイルと同じディレクトリにある必要があります。これは、カスタマイズされた画像を適用できない場合のバックアップ ソリューションです。これは、最初のテストを書かないのは間違っています。

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