做图书馆首页横向排列链接的代码

<STYLE type=text/css>
.test ul{list-style:none;}
.test li{float:left;width:100px;background:#CCC;margin-left:3px;line-height:30px;}
.test a{display:block;text-align:center;height:30px;}
.test a:link{color:#666;background:url(arrow_off.gif) #CCC no-repeat 5px 12px;text-decoration:none;}
.test a:visited{color:#666;text-decoration:underline;}
.test a:hover{color:#FFF; font-weight:bold;text-decoration:none;background:url(arrow_on.gif) #F00 no-repeat 5px 12px;}
</STYLE>

<DIV class=test>
<UL>
<LI><A href="http://www.360doc.com/index.html">图书馆首页</A> </LI>
<LI><A href="http://dllc1234.360doc.com">我的首页</A> </LI>
<LI><A href="http://www.360doc.com/userhome/5739036">外婆首页</A> </LI>
<LI><A href="http://www.360doc.com/UserHome/739537">雨翁首页</A> </LI>
<LI><A href="http://www.360doc.com/userhome/5029">牛老首页</A> </LI>
<LI><A href="http://www.360doc.com/userhome/5165132">馨儿首页</A> </LI></UL></DIV>

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。