CSS User Interface
Cursor: e-resize
If value of the cursor property is set to e-resize, cursor will look like an arrow having heads on both of the sides, placed horizontally.
Here is the css file (say cer.css):
.c1 {cursor: e-resize;}
Here is the html file (say css-cursors-e-resize.htm):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>example of external CSS</title> <link href="cer.css" rel="stylesheet" type="text/css" /> </head> <body> <p><a href="test.htm" class="c1">Click here to go learn more about CSS.</a></p> <p> </p> </body> </html>
Here is how it will look:
