Question

下面的HTML代码，我能看懂每个快的意思，但不能理解整体，， 为什么会出现一个三角形的图案那？

还有4个<a href="#">
<div id="menu">
<a href="#">
<span class="left"></span>
dfdf <spanclass="right"></span> </a>

</div>#menu {
font-family:Arial;
font-size:16px;
width:140px;
margin:0 auto;
border:solid 1px #ccc;
}

#menu a, #menu a:visited {
text-decoration:none;
text-align:center;
color:#c00;
display:block;
padding:4px;
background-color:#fff;
border:solid 1px #fff;
position:relative;
width:130px;
}

#menu a span {
display:none;
}

#menu a:hover {
border-color:#c00;
}

#menu a:hover span {
display:block;
position:absolute;
height:0;
width:0;
border:solid 8px #fff;
top:4px;
overflow:hidden;
}

#menu a:hover span.left {
border-left-color:#c00;
left:8px;
}

#menu a:hover span.right {
border-right-color:#c00;
right:8px;
}

Answer 1

等着你的代码

追问

http://zhidao.baidu.com/question/349903227.html