用CSS实现鼠标经过图片链接加边框效果代码
用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>
昨天有朋友问我如何用css 给超级链接图片加个边框哟，下面我们就来看看我写的用CSS实现鼠标经过图片链接加边框代码吧
<div class="boxOut">
<a href="http://www.111cn.net"></a>
<a href="http://www.zhutiai.com"></a>
<a href="http://down.111cn.net"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
</div>
</body>
</html>
