HTML/CSS/Style Basics/cursor

Материал из Web эксперт
Перейти к: навигация, поиск

Add customer cursor

   <source lang="html4strict">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

                     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 

   <head>
       <title>cursor</title>
       <style rel="stylesheet" type="text/css">

div { 

   width: 50px;
   height: 50px;
   border: 1px solid rgb(234, 234, 234);
   margin: 5px;
   cursor: url("custom_cursor.png"), default;
   background: mistyrose;

} 

       </style>
       
   </head>
   <body>

   </body>

</html> 

</source>


Change to wait cursor

   <source lang="html4strict">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

                     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 

   <head>
       <title>cursor</title>
       <style rel="stylesheet" type="text/css">

div { 

   width: 50px;
   height: 50px;
   border: 1px solid rgb(234, 234, 234);
   margin: 5px;
   cursor: wait;
   background: mistyrose;

} 

       </style>
   </head>
   <body>

   </body>

</html> 

</source>


Set cursor to move

   <source lang="html4strict">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> a:link, a:visited { 

cursor: move;

} </style> </head> <body>

Text<a href=" ">link</a>, between, <a href=" ">link</a> after.

</body> </html> 

</source>
Источник — «http://www.wbex.ru/index.php?title=HTML/CSS/Style_Basics/cursor&oldid=5949»