面试题纯css实现九宫格 ::花与剑::

今天去面试了公司，0.0感觉自己好浅薄，急迫需要发奋啊。有个面试小习题是这样的，九宫格，鼠标划过的时候边框变为红色，用纯css解决，且兼容ie6。呵呵，我直接蒙了，前面也是一直蒙着的。主要考到的知识是margin负边距，及对position定位各属性的理解程度。

下面是我回来写的，当场没写出来哈哈，用的js投机取巧弄的，放上来分享一下：

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
<style type="text/css">
	#cmg { font-size:0; width:165px; border:5px #009 solid; border-right:none; border-bottom:none;}
	a{display:inline-block; width:50px; height:50px; border:solid 5px #009; margin-left:-5px; margin-top:-5px;}
	a:hover { border-color:red; position:relative;}
</style>
</head>

<body>
	<div id="cmg">
    	<a href="#"></a>
        <a href="#"></a>
        <a href="#"></a>
        <a href="#"></a>
        <a href="#"></a>
        <a href="#"></a>
        <a href="#"></a>
        <a href="#"></a>
        <a href="#"></a>
    </div>
</body>
</html>