CSS 마우스커서

by Kim Ara

HTML

<div id="wrap">
      <a href="#none">HOVER</a>
   </div>
   
   
   
   <!--
   
   참고, 출처 사이트 
   
   
   http://circulardev.com/nike/cortez/  
   
   
   -->

CSS

* {
         cursor: url(http://circulardev.com/nike/cortez/dist/images/cortez-pointer.png), url(./images/cortez-pointer.cur), auto;
      }
      
      * a:hover,
      * a:hover * {
         cursor: url(http://circulardev.com/nike/cortez/dist/images/cortez-pointer-hover.png), url(./images/cortez-pointer-hover.cur), auto;
      }
      
      body {
         background: #ddd;
      }
      
      #wrap a {
         display: inline-block;
         background-color: #ffffff;
         padding: 20px 50px;
      }