CSS简单实现九宫格

乱编乱写 3188 Views 1 Comments

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>

标签: CSS,

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
loading