span{ display:block; position:absolute; height:0px; width:0px; border:5px solid #FFF; overflow:hidden; border-left-color:#F00; border-right-color:#f00; } #meun{ font-size:12px; width:140px; margin:0px auto; border:3px double #ccc; } #meun a{ text-decoration:none; text-align:center; display:block; padding:4px; background-color:#fff; border::1px solid #fff; position:relative; width:130; } #meun a span{ display:none; } #meun a:hover span{ display:block; position:absolute; height:0px; width:0px; border:solid 8px #fff; top:4px; overflow:hidden; } #meun a:hover span.left{ border-right-color:#00f; left::8px; } #meun a:hover span.right{ border-left-color:#FFF; right::8px; } </style> </head> <body> <div id="meun"> <a href="#" mce_href="#"> <span id="left"></span>首页 <span id="right"></span> </a> <a href="#" mce_href="#"> <span id="left"></span>相册 <span id="right"></span> </a> <a href="#" mce_href="#"> <span id="left"></span>留言 <span id="right"></span> </a> <a href="#" mce_href="#"> <span id="left"></span>日志 <span id="right"></span> </a> </div>