css制作有立体效果的表格

最新推荐文章于 2022-03-04 18:05:56 发布

lishushan

最新推荐文章于 2022-03-04 18:05:56 发布

阅读量215

点赞数

分类专栏： HTML 文章标签： CSS

本文链接：https://blog.csdn.net/lishushan/article/details/83663789

版权

HTML 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<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>