新手小白，请教一个关于CSS样式的问题

自学到项目列表，导航菜单这卡住了，想请问什么叫做自适应导航菜单，如何去做出一个自适应斜角导航菜单，我不明白怎么在边框的接角位置构造出一个斜角，如何用span作为钩子挂上去，这个过程能不能给详细点，谢谢了

代码附上：
<title>自适应的斜角水平菜单实例</title>
<style type="text/css">
ul{
font-size:14px;
font-family:宋体
list-style-type:none;/*取消列表样式*/
text-align:center;
}
li{
float:left;
width:80px;
margin:0;
list-style-type:none;
}
li a:link,li a:visited{
display:block;
background-color:#C00;
color:#FFF;
float:left;
width:80px;
position:relative;
text-decoration:none;
padding:6px;
margin:1px 0 0 1px;
}
li a:hover{
background-color:#F90;
color:#333;
}
li a span{
height:0;
width:0;
border-bottom:solid 6px #C00;
border-left:solid 6px #FFF;
position:absolute;
top:0;
left:0;
overflow:hidden;
}
li a:hover span{
border-bottom:solid 6px #F90;
}
</style>
</head>
<body>
<ul id="menu">
<li><a href="#">
首页<a/></li>
<li><a href="#">
首页<a/></li>
<li><a href="#">
首页<a/></li>
<li><a href="#">
首页<a/></li>
<li><a href="#">
首页<a/></li>
</ul>
</body>
</html>

有大神么，帮忙，在线等，谢谢了

说详细点

扫二维码下载贴吧客户端

下载贴吧APP
看高清直播、视频！

3回复贴，共1页

<<返回css吧

分享到:

日	一	二	三	四	五	六