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/49326.htm" title="flash留言本梯度教程（附源）" target="_blank">flash留言本梯度教程（附源）</a></li>
                          
                          <li><a href="http://www.lingzhong.cn/tech/48728.htm" title="深入改造Win2000“位置条”(1)" target="_blank">深入改造Win2000“位置条”(1)</a></li>
                          
                          <li><a href="http://www.lingzhong.cn/tech/13374.htm" title="网页CSS优化使网页具有语义化" target="_blank">网页CSS优化使网页具有语义化</a></li>
                          
                          <li><a href="http://www.lingzhong.cn/tech/39004.htm" title="双重画笔制作虚线效果的PS技巧" target="_blank">双重画笔制作虚线效果的PS技巧</a></li>
                          
                          <li><a href="http://www.lingzhong.cn/tech/27579.htm" title="linux user manager" target="_blank">linux user manager</a></li>
                          
                          <li><a href="http://www.lingzhong.cn/tech/28457.htm" title="linux 常用命令(四)--ls" target="_blank">linux 常用命令(四)--ls</a></li>
                          
                          <li><a href="http://www.lingzhong.cn/tech/15930.htm" title="php教程：php设计模式介绍之伪对象模式" target="_blank">php教程：php设计模式介绍之伪对象模式</a></li>
                          
                          <li><a href="http://www.lingzhong.cn/tech/12146.htm" title="百度词条从细节着手 三大要素不容忽视" target="_blank">百度词条从细节着手 三大要素不容忽视</a></li>
                          
                          <li><a href="http://www.lingzhong.cn/tech/32262.htm" title="Photoshop文字特效教程:漂亮的香蕉文字" target="_blank">Photoshop文字特效教程:漂亮的香蕉文字</a></li>
                          
                          <li><a href="http://www.lingzhong.cn/tech/41100.htm" title="为Struts应用配置Web.xml文件 - 编程入门网" target="_blank">为Struts应用配置Web.xml文件 - 编程入门网</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号