用CSS實現滑鼠經過圖片連結加邊框效果代碼

來源:互聯網
上載者:User

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>用CSS實現滑鼠經過圖片連結加邊框效果代碼</title>
</head>
<style type="text/css教程">
 .boxOut{
  height:150px;
  width:800px;
  border:1px solid #990000;
  float:left;
  overflow:hidden;
  }
 .boxOut a ,.boxOut a:hover{
  display:block;
  height:120px;
  width:110px;
  border:1px solid #00CCFF;
  float:left;  
  margin:10px;
 }
 .boxOut a:hover{
  border:2px solid #993300;
  
 }
</style>
<body>
 
 
<div class="boxOut">
 <a href="http://www.111cn.net"></a>
 <a href="http://www.111cn.net"></a>
 <a href="http://down.111cn.net"></a>
 <a href="#"></a>
 <a href="#"></a>
 <a href="#"></a>
</div>
</body>
</html>

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.