Styling the Cursor
The cursor property changes the appearance of the cursor.
The allowed values:
- auto
- crosshair
- default
- help
- move
- pointer
- progress
- text
- wait
- n-resize
- s-resize
- e-resize
- wresize
- ne-resize
- nw-resize
- se-resize
- swresize
<!DOCTYPE HTML>
<html>
<head>
<title>Example</title>
<style>
p {
padding: 5px;
border: medium double black;
background-color: lightgray;
}
#myID {
font-size: x-large;
border: medium solid white;
background-color: green;
color: rgba(255, 255, 255, 0.7);
cursor: progress;
}
</style>
</head>
<body>
<p>
This is a test.
<span id="myID">CSS</span>
This is a test.
This is a test.
</p>
</body>
</html>