Maison >interface Web >tutoriel CSS >Les styles de souris CSS peuvent-ils être personnalisés ? (Exemples de styles multiples)
Les styles de souris CSS peuvent-ils être personnalisés ? (Exemples de styles multiples)
- 藏色散人original
- 2018-08-15 15:23:411933parcourir
Cet article vous présente principalement un résumé des connaissances pertinentes sur les styles de souris personnalisés CSS sur la page. J'espère que cela aidera les amis dans le besoin.
Ensuite, voici un exemple de code spécifique pour vous :
<!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>Le code ci-dessus peut être directement copié et collé pour des tests locaux, et l'effet est le suivant :
Ce qui précède est une introduction aux différents effets des styles de curseur de souris CSS. J'espère que cela sera utile aux amis dans le besoin.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!