css 下拉三角

<!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"> 
 <head> 
  <title> new document </title> 
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
  <meta name="keywords" content="" /> 
  <meta name="description" content="" /> 
  <style type="text/css"> 
    a span { display:inline-block; border:0 solid #fff; border-width:5px 5px 0; border-color:#090 #fff;width:0; overflow:hidden;height:0; } 

 a:hover{ border:none;}

    a:hover span { border-width:0 5px 6px;  } 
  </style> 
 </head> 
 
 <body>   
    <p> 
        <a href="">悬浮-下拉菜单<span></span></a> 
    </p> 
 </body> 
</html> 

你可能感兴趣的:(旋转,下拉,三角)