流行的Tab菜單調(diào)用二
文章導(dǎo)讀:
<html>
<head>
<title>流行的Tab菜單</title>
<link href="8-9.css" type="text/css" rel="stylesheet">
<style type="text/css">
<!--
#leftpic{
width:160px;
float:left;
padding-right:15px;
}
#leftpic a:link, #leftpic a:visited{
color:#006eb3;
text-decoration:none;
}
#leftpic a:hover{
color:#000000;
text-decoration:underline;
}
img{
border:1px solid #0066b0;
margin-bottom:5px;
}
ul#list{
list-style-type:none;
margin:0px;
padding:5px 0px 5px 2px;
}
ul#list li{
line-height:18px;
}
ul#list li a:link{
color:#000000;
text-decoration:none;
}
ul#list li a:visited{
color:#333333;
text-decoration:none;
}
ul#list li a:hover{
color:#006eb3;
text-decoration:underline;
}
-->
</style>
</head>
<body id="home">
<ul id="tabnav">
<li class="home"><a href="8-9_home.html">項(xiàng)目描述</a></li>
<li class="news"><a href="8-9_news.html">項(xiàng)目交流</a></li>
<li class="sports"><a href="8-9_sports.html">提交的作品</a></li>
<li class="music"><a href="8-9_music.html">中標(biāo)的作品</a></li>
</ul>
<div id="content">
<span id="leftpic">
<a href="#"><img src="pic1.jpg"><br>
<center>追憶往事,展望未來</center></a>
</span>
<ul id="list">
<li><a href="#">[首頁] 追憶往事,展望未來。新年寄語</a></li>
<li><a href="#">[新聞] 每年五一、十一長假,很多人不愿出門</a></li>
<li><a href="#">[新聞] 清華大學(xué)電子系研制成功新一代...</a></li>
<li><a href="#">[體育] 奧運(yùn)火炬接力火熱進(jìn)行</a></li>
<li><a href="#">[音樂] 網(wǎng)民調(diào)查,你最喜歡的音樂類型</a></li>
<li><a href="#">[博客] 自由博客新版正式發(fā)布,網(wǎng)友...</a></li>
</ul>
</div>
</body>
</html>