用CSS实现鼠标经过图片链接加边框效果代码

<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>