css制作有立体效果的表格

作者佚名技术来源 CSS技术浏览发布时间 2012-03-05
<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="#"&</td>
								</tr>
                                <tr>
								<td><p>凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：<a href="http://www.lingzhong.cn">http://www.lingzhong.cn</a>
为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!</p>
</td>
								</tr>
							</table>
						</div>
						<div class="page"><a href="13807.htm" class="current">1</a><a href="13807-2.htm">2</a><a href="13807-2.htm">下一页</a><div style="clear:both;"></div></div>
                        <div id="jiathis">
                          <!-- Baidu Button BEGIN -->
    <div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare">
        <a style="background:none;">分享到：</a>
        <a class="bds_qzone"></a>
        <a class="bds_tsina"></a>
        <a class="bds_tqq"></a>
        <a class="bds_renren"></a>
        <a class="bds_baidu"></a>
        <a class="bds_douban"></a>
        <a class="bds_kaixin001"></a>
        <a class="bds_t163"></a>
        <a class="bds_tsohu"></a>
        <span class="bds_more">更多</span>
		<a class="shareCount"></a>
    </div>
<script type="text/javascript" id="bdshare_js" data="type=tools&uid=460515" ></script>
<script type="text/javascript" id="bdshell_js"></script>
<script type="text/javascript">
	document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?t=" + new Date().getHours();
</script>
<!-- Baidu Button END -->
                          <div style="clear:both;"></div>
                        </div>
                        <div id="likeart">
                          <div class="liketitle">你可能对下面的文章感兴趣</div>
                          <div class="likebox">
							<ul>
                          
                          <li><a href="http://www.lingzhong.cn/tech/44639.htm" title="在Windows 7中配置IPv6需要注意的那点事" target="_blank">在Windows 7中配置IPv6需要注意的那点事</a></li>
                          
                          <li><a href="http://www.lingzhong.cn/tech/39281.htm" title="使用GPars解决常见并发问题 - 编程入门网" target="_blank">使用GPars解决常见并发问题 - 编程入门网</a></li>
                          
                          <li><a href="http://www.lingzhong.cn/tech/44791.htm" title="Solaris下设置程序运行的动态链接库目录" target="_blank">Solaris下设置程序运行的动态链接库目录</a></li>
                          
                          <li><a href="http://www.lingzhong.cn/tech/34503.htm" title="Photoshop调色教程:红润肤色的美女" target="_blank">Photoshop调色教程:红润肤色的美女</a></li>
                          
                          <li><a href="http://www.lingzhong.cn/tech/25155.htm" title="Linux下多线程编程简介（五）" target="_blank">Linux下多线程编程简介（五）</a></li>
                          
                          <li><a href="http://www.lingzhong.cn/tech/37828.htm" title="Photoshop金属字实例:图层样式的应用" target="_blank">Photoshop金属字实例:图层样式的应用</a></li>
                          
                          <li><a href="http://www.lingzhong.cn/tech/44411.htm" title="Windows Server 2008：SeverCore攻略" target="_blank">Windows Server 2008：SeverCore攻略</a></li>
                          
                          <li><a href="http://www.lingzhong.cn/tech/41314.htm" title="Java??3ì￡o??3ìμ?μ÷?è-è?2? - ±à3ìè???í?" target="_blank">Java??3ì￡o??3ìμ?μ÷?è-è?2? - ±à3ìè???í?</a></li>
                          
                          <li><a href="http://www.lingzhong.cn/tech/45588.htm" title="自定义函数使用map排序" target="_blank">自定义函数使用map排序</a></li>
                          
                          <li><a href="http://www.lingzhong.cn/tech/11939.htm" title="浅析你的博客注定失败的前五个错误" target="_blank">浅析你的博客注定失败的前五个错误</a></li>
                          
                          </ul>
                          </div>
                        <div style="clear:both;"></div>
                        </div>
						<div class="prenext"><span class="pre">上一篇: <a href='http://www.lingzhong.cn/tech/13808.htm'>你知道CSS中长度单位pt、px、dpi的意思吗？</a></span><span class="next">下一篇: <a href='http://www.lingzhong.cn/tech/13806.htm'>CSS设计网页边框的几个实例</a></span>
							<div style="clear:both;"></div>
						</div>
						<!--评论-->
						<div class="comment">
							<div class="more"> <a href="http://www.lingzhong.cn/tech/plus/comment/?id=13807">关于css制作有立体效果的表格的所有评论</a> </div>
							<!--最新评论，JS调用-->
							<div class="list">
								<script language="JavaScript" type="text/javascript" src="http://www.lingzhong.cn/tech/plus/comment/js.asp?id=13807"></script>
							</div>
							<!--发表评论-->
							<div class="post">
								<form action="http://www.lingzhong.cn/tech/plus/comment/save.asp" method="post">
									<input type="hidden" name="id" value="13807">
									<label for="user">昵称</label>
									<input name="user" type="text" class="input" />
									<label for="content">评论内容</label>
									<textarea name="content" cols="70" rows="6" class="textarea" onfocus="if($('sn').innerHTML.length==0){geturl('http://www.lingzhong.cn/tech/plus/comment/getcode.asp?'+Math.random(),'sn');}">
随机推荐
地址(ADD)：厦门软件园二期望海路63号701E（东南融通旁）邮编(ZIP)：361008
电话：0592-5908028 传真：0592-5908039 咨询信箱：web@lingzhong.cn 咨询OICQ：173723134
《中华人民共和国增值电信业务经营许可证》闽B2-20100024 ICP备案:闽ICP备05037997号