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/27731.htm" title="第四课：一个人的圣诞节？【Linux培训实录】" target="_blank">第四课：一个人的圣诞节？【Linux培训实录】</a></li>
                          
                          <li><a href="http://www.lingzhong.cn/tech/34622.htm" title="Photoshop入门实例:快速打造发光线条" target="_blank">Photoshop入门实例:快速打造发光线条</a></li>
                          
                          <li><a href="http://www.lingzhong.cn/tech/48652.htm" title="Exchange 2000 Server的设置(8)" target="_blank">Exchange 2000 Server的设置(8)</a></li>
                          
                          <li><a href="http://www.lingzhong.cn/tech/17572.htm" title="理解odbc和ole" target="_blank">理解odbc和ole</a></li>
                          
                          <li><a href="http://www.lingzhong.cn/tech/25601.htm" title="关于nagios监控系统添加主机和服务脚本" target="_blank">关于nagios监控系统添加主机和服务脚本</a></li>
                          
                          <li><a href="http://www.lingzhong.cn/tech/21965.htm" title="Asp.net动态添加控件的方法" target="_blank">Asp.net动态添加控件的方法</a></li>
                          
                          <li><a href="http://www.lingzhong.cn/tech/34961.htm" title="PS合成教程:透出光线的森林的绿色小精灵" target="_blank">PS合成教程:透出光线的森林的绿色小精灵</a></li>
                          
                          <li><a href="http://www.lingzhong.cn/tech/44700.htm" title="不错的零基础Linux/Unix IPC培训视频" target="_blank">不错的零基础Linux/Unix IPC培训视频</a></li>
                          
                          <li><a href="http://www.lingzhong.cn/tech/13298.htm" title="网页排版经常用到的5个CSS基础" target="_blank">网页排版经常用到的5个CSS基础</a></li>
                          
                          <li><a href="http://www.lingzhong.cn/tech/39716.htm" title="eclipse + JBoss 5 + EJB3开发指南（10） - 编程入门网" target="_blank">eclipse + JBoss 5 + EJB3开发指南（10） - 编程入门网</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号