css制作有立体效果的表格

教程Tag: CSS 制作 效果 立体 表格
<style> .aa {margin:100px} ul {width:80px; float:left; margin:0px} .aa li a{border:1px #E5E5E5 solid; background-color:#EAEAEA; width:120px; height:30px; list-style:none; margin:0px;float: left; border-top-color:#FFFFFF; border-left-color:#FFFF <style>
.aa {margin:100px}
ul {width:80px; float:left; margin:0px}
.aa li a{border:1px #E5E5E5 solid; background-color:#EAEAEA; 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: #E5E5E5; border-top-color:#FFFFFF; border-left-color:#FFFFFF}
</style>
<div class="aa">
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</div>
HTML代码

[Ctrl A 全部选择 提示:你可先修改部分代码,再按运行]
来源:芯晴网页特效//所属分类:CSS教程/更新时间:2016-04-20
相关CSS教程
  • 相关链接:

    复制本页链接

  • 栏目说明:网页特效代码,网页特效代码大全集锦-芯晴网页特效_CsrCode.Cn提供最大量的CSS教程,是您寻找CSS教程的最佳选择