CSS简单实现九宫格
<style type="text/css">
*{ margin:0; padding:0; list-style:none;}
div{ width:170px; height:170px; background:#333; margin:auto;}
a,a:visited{ float:left; width:50px; height:50px; border:5px solid #666; margin:0 -5px -5px 0; position:relative;}
a:hover{ z-index:9; border:5px solid red;}
</style>
<div> <a href="" kesrc="#"></a> <a href="" kesrc="#"></a> <a href="" kesrc="#"></a> <a href="" kesrc="#"></a> <a href="" kesrc="#"></a> <a href="" kesrc="#"></a> <a href="" kesrc="#"></a> <a href="" kesrc="#"></a> <a href="" kesrc="#"></a> </div>
