<p class="sycode"> <br> <br> </p> <br> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <br> <title>纯CSS实现六边形布局的导航菜单</title> <br> <style> <br /> .wrap{margin:100px;width:303px;} <br /> .nav{width:100px;height:58px;background:#339933;display:inline-block;position:relative;line-height:58px;text-align:center;color:#ffffff;font-size:14px;text- <br /> <br /> <br /> decoration:none;float:left;margin-top:31px;margin-right:1px;} <br /> .nav s{width:0;height:0;display:block;overflow:hidden;position:absolute;border-left:50px dotted transparent;border-right:50px dotted transparent;border-bottom:30px solid <br /> <br /> <br /> #339933;left:0px;top:-30px;} <br /> .nav b{width:0;height:0;display:block;overflow:hidden;position:absolute;border-left:50px dotted transparent;border-right:50px dotted transparent;border-top:30px solid <br /> <br /> <br /> #339933;bottom:-30px;left:0px;} <br /> .a0{margin-left:100px;} <br /> .a1{margin-left:50px;} <br /> .nav:hover{background:#8CBF26;color:#333333;} <br /> .nav:hover s{border-bottom-color:#8CBF26;} <br /> .nav:hover b{border-top-color:#8CBF26;} <br /> </style> <br> <br> <br> <div class="wrap"> <br> <a class="nav a0" target="_blank" href="#"><s></s>广播<b></b></a> <br> <a class="nav a1" target="_blank" href="#"><s></s>广播<b></b></a> <br> <a class="nav a2" target="_blank" href="#"><s></s>广播<b></b></a> <br> <a class="nav a3" target="_blank" href="#"><s></s>广播<b></b></a> <br> <a class="nav a4" target="_blank" href="#"><s></s>广播<b></b></a> <br> <a class="nav a5" target="_blank" href="#"><s></s>广播<b></b></a> <br> </div> <br> <div><a href="http://www.999jiujiu.com/"> http://www.999jiujiu.com/</a></div> <br> <br>