<p class="sycode"> </p> <p class="sycode"> 第一种,如果要看演示,新建记事本,把下面代码加进去后保存,文件名改成 :abc.htm,然后直接运行就可以看了。 <br> Copy code <style type="text/css"> <br />#nav{ <br />height: 44px; <br />width: 600px; <br />background: #FFF; <br />} <br />.vline{ <br />background: #999; <br />width: 1px; <br />height: 20px; <br />} <br />#nav ul{ <br />margin:0px; <br />padding: 0px; <br />list-style-type: none; <br />} <br />#nav li{ <br />float: left; <br />font-family: Arial; <br />font-weight: bold; <br />font-size: 12px; <br />text-align: center; <br />} <br />#nav li a{ <br />display: block; <br />width: 84px; <br />line-height: 28px; <br />color: #666; <br />text-decoration: none; <br />border-top: 4px solid #0F35A5; <br />} <br />#nav li a:hover{ <br />color: #7C8DD9; <br />border-top: 4px solid #7C8DD9; <br />} <br /></style> <br></p> <div id="nav"><ul> <li><a href="#">蜗牛在线</a></li> <li class="vline"> <br><li><a href="#">蜗牛在线</a></li> <li class="vline"> <br><li><a href="#">蜗牛在线</a></li> <li class="vline"> <br><li><a href="#">蜗牛在线</a></li> <li class="vline"> <br><li><a href="#">蜗牛在线</a></li> <li class="vline"> <br><li><a href="#">蜗牛在线</a></li> <li class="vline"> <br><li><a href="#">蜗牛在线</a></li> <li class="vline"> <br> </ul></div> <br> <br> <br> <br>第二种: <br> <br>[code]ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank"> http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br> http://www.w3.org/1999/xhtml"> <br> <br><meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <br><title><a href="http://blog.h3bbs.com" target="_blank">澶╂动</a></title>