1、想在hover和focus的时候达到缩放的效果,我们需要添加如下代码:查看原始代码CSS Code复制内容到剪贴板1.ul li a:hover,ul li a:focus{ 2.-moz-box-shadow:10px 10px 7px rgba(0,0,0,.7) ; 3.-webkit-box-shadow: 10px 10px 7px rgba(0,0,0,.7) ; 4.box-shadow:10px 10px 7px rgba(0,0,0,.7) ; 5.-webkit-transform: scale(1.25); 6.-moz-transform: scale(1.25); 7.-o-transform: scale(1.25); 8.position:relative; 9.z-index:5; 10.} 设置z-index为5是为了让正方形在放大的时候盖住其它的正方形,同时因为也设置了focus,所以也支持Tab键切换访问,效果如下: