纯css实现的搜索图标（1）

html：

<div class="search icon"></div>

css:

.search.icon {

   color :  #000 ;

   position :  absolute ;

   margin-top :  2px ;

   margin-left :  3px ;

   width :  12px ;

   height :  12px ;

   border :  solid  1px  #999 ;

   border-radius:  100% ;

   -webkit-transform: rotate( -45 deg);

           transform: rotate( -45 deg);

}

 

.search.icon:before {

   content :  '' ;

   position :  absolute ;

   top :  12px ;

   left :  5px ;

   height :  6px ;

   width :  1px ;

   background-color :  #999 ;

}