立体表格（装饰个人首页使用）

DLLC1234 2012-05-01

展开全文

<STYLE>
.aa {margin:10px}
ul {width:100px; float:left; margin:10px}
.aa li a{border:1px #E5E5E5 solid; background-color:#9AEAEA; width:120px; height:30px; list-style:none; margin:0px;float: left; border-top-color:#FFFFFF; border-left-color:#FFFFFF}
.aa li a:hover{border:1px #717171 solid; background-color: #FF0000; border-top-color:#FFFFFF; border-left-color:#FFFFFF}
</STYLE>

<DIV class=aa>
<UL>
<LI><A href="http://dllc1234.360doc.com">馆友1</A>
<LI><A href="http://dllc1234.360doc.com">馆友2</A>
<LI><A href="http://dllc1234.360doc.com">馆友3</A>
<LI><A href="http://dllc1234.360doc.com">馆友4</A>
<LI><A href="http://dllc1234.360doc.com">馆友5</A>
<LI><A href="http://dllc1234.360doc.com">馆友6</A></LI></UL>
<UL>
<LI><A href="http://dllc1234.360doc.com">馆友7</A>
<LI><A href="http://dllc1234.360doc.com">馆友8</A>
<LI><A href="http://dllc1234.360doc.com">馆友9</A>
<LI><A href="http://dllc1234.360doc.com">馆友10</A>
<LI><A href="http://dllc1234.360doc.com">馆友11</A>
<LI><A href="http://dllc1234.360doc.com">馆友12</A></LI></UL></DIV>
———————————————————————————————————————————

试验