鼠标相关样式

鼠标相关样式

  • 参考下面代码 或 https://developer.mozilla.org/zh-CN/docs/Web/CSS/cursor
  • cursor 改变鼠标箭头的样式。

<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Documenttitle>
	<style type="text/css">
	   p:nth-child(1) {
	   	   cursor: default;	/*默认,箭头形状。*/
	   }

	   p:nth-child(2) {
	   	   cursor: pointer; /*手指形状*/
	   }

	   p:nth-child(3) {
	   	   cursor: text; /*I字形,选择文本时的形状。*/
	   }

	   p:nth-child(4) {
	   	   cursor: move; /*四项箭头的形状。*/
	   }

	   p:nth-child(5) {
	   	   cursor: help; /*求助箭头,一个箭头加一个问号。*/
	   }

	   p:nth-child(6) {
	   	   cursor: wait; /*等待的圆圈形状。*/
	   }
	   p:nth-child(7) {
	   	   cursor: grab; /*手掌形状,可抓取状态。*/
	   }
	style>
head>
<body>
	<div>
		<p>aaaap>
		<p>bbbbp>
		<p>cccccp>
		<p>dddddp>
		<p>eeeeep>
		<p>fffffp>
		<p>gggggp>
	div>
body>
html>

返回上一层目录

你可能感兴趣的:(前端,鼠标相关样式)