作者tag:
css 推荐tag:
navcontainer
li
ul
px
color
item
<script type="text/javascript">function StorePage(){d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://www.365key.com/storeit.aspx?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t),'keyit','scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes'));keyit.focus();}</script>
CSS样式－li
#navcontainer { width: 200px; }#navcontainer ul{margin-left: 0;padding-left: 0;list-style-type: none;font-family: Arial, Helvetica, sans-serif;}#navcontainer a{display: block;padding: 3px;width: 160px;background-color: #036;border-bottom: 1px solid #eee;}#navcontainer a:link, #navlist a:visited{color: #EEE;text-decoration: none;}#navcontainer a:hover{background-color: #369;color: #fff;}
Item one Item two Item three Item four Item five
HTML<div id="navcontainer"><ul id="navlist"><li id="active"><a href="#" id="current">Item one</a></li><li><a href="#">Item two</a></li><li><a href="#">Item three</a></li><li><a href="#">Item four</a></li><li><a href="#">Item five</a></li></ul></div>CSS#navcontainer { width: 200px; }#navcontainer ul{margin-left: 0;padding-left: 0;list-style-type: none;font-family: Arial, Helvetica, sans-serif;}#navcontainer a{display: block;padding: 3px;width: 160px;background-color: #036;border-bottom: 1px solid #eee;}#navcontainer a:link, #navlist a:visited{color: #EEE;text-decoration: none;}#navcontainer a:hover{background-color: #369;color: #fff;}
