ホームページ > 記事 > ウェブフロントエンド > CSS マウス スタイルはカスタマイズできますか? (複数のスタイルの例)
CSS マウス スタイルはカスタマイズできますか? (複数のスタイルの例)
- 藏色散人オリジナル
- 2018-08-15 15:23:411930ブラウズ
この記事では主に、ページ上のCSSカスタムマウススタイルに関する関連知識の概要を紹介します。困っている友達の助けになれば幸いです。
次に、具体的なコード例を示します。
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>css cursor样式自定义</title>
</head>
<body>
<a href="#" style="cursor:pointer">css pointer 拖拽形状效果</a><br/><br/>
<a href="#" style="cursor:auto">CSS鼠标cursor样式之由系统自动给出效果</a><br/><br/>
<a href="#" style="cursor:crosshair">CSS鼠标cursor样式之十字型效果</a><br/><br/>
<a href="#" style="cursor:text">CSS鼠标cursor样式之I字形效果</a><br/><br/>
<a href="#" style="cursor:wait">CSS鼠标cursor样式之等待效果</a><br/><br/>
<a href="#" style="cursor:default">CSS鼠标cursor样式之默认效果</a><br/><br/>
<a href="#" style="cursor:ne-resize">CSS鼠标cursor样式之向右上箭头效果</a><br/><br/>
<a href="#" style="cursor:s-resize">CSS鼠标按下样式效果</a><br/><br/>
<a href="#" style="cursor:w-resize">CSS鼠标cursor样式之向左箭头效果</a><br/><br/>
<a href="#" style="cursor:e-resize">CSS鼠标cursor样式之向右的箭头效果</a><br/><br/>
</body>
</html>上記のコードは、ローカル テスト用に直接コピーして貼り付けることができます。その効果は次のとおりです。
以上は、 のさまざまな効果の紹介です。 CSS マウス カーソルのスタイルが、助けを必要としている他の人に役立つことを願っています。
以上がCSS マウス スタイルはカスタマイズできますか? (複数のスタイルの例)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。