当前位置: 电脑软硬件应用网 > 设计学院 > 网页特效 > 正文
网页特效:制作有立体感的表格
网页特效:制作有立体感的表格
2006-4-6 16:22:49  文/佚名   出处:电脑软硬件应用网   

 


<!-- 要实现此效果需要 1 个步骤: -->

<!-- 第 1 步: -->
<!-- 把下面的代码加到<BODY></BODY>区域中: -->

<style type="text/css">
<!--
td {font-family: "宋体"; font-size:12px}
-->
</style>
<div align="center">
<table width="750" border="0" cellspacing="0">
<tr>
<td>
<table width="30%" border="1" cellspacing="0" cellpadding="0" bordercolor="#FFFFFF" bordercolorlight="#000000" bgcolor="#40A4EE">
<tr>
<td width="50%" height="18">A</td>
<td width="50%" height="18"> </td>
</tr>
<tr>
<td width="48%" height="18"> </td>
<td width="52%" height="18"> </td>
</tr>
</table>
</td>
<td>
<table width="30%" border="1" cellspacing="2" cellpadding="0" bgcolor="#40A4EE">
<tr>
<td width="50%">B</td>
<td width="50%"> </td>
</tr>
<tr>
<td width="46%"> </td>
<td width="54%"> </td>
</tr>
</table>
</td>
<td>
<table width="40%" border="1" bordercolor="#FFFFFF" bordercolorlight="#000000" bgcolor="#40A4EE">
<tr>
<td width="50%">C</td>
<td width="50%"> </td>
</tr>
<tr>
<td width="50%"> </td>
<td width="50%"> </td>
</tr>
</table>
</td>
</tr>

<tr>
<td height="131" colspan=3>
<p align="left">A表格的参数:border="1" cellspacing="0" cellpadding="0"
bordercolor="#FFFFFF" bordercolorlight="#000000" bgcolor="#40A4EE"</p>
<p align="left">B表格的参数:border="1" cellspacing="2" cellpadding="0"
bgcolor="#40A4EE"</p>
<p align="left">C表格的参数:border="1" bordercolor="#FFFFFF"
bordercolorlight="#000000" bgcolor="#40A4EE"</p>
<p align="left"> </p>
</td>
</tr>

</table>

  • 上一篇文章:

  • 下一篇文章:
  • 最新热点 最新推荐 相关文章
    网页特效代码:仿京东的商品分类导航…
    不能屏蔽的网页右下角窗口特效
    装载页面进度条代码
    链接特效之js做引用文章链接代码
    左右移动转换文字特效HTML代码解析
    网页页面实现自动刷新的3种代码
    网页特效代码:纯css下拉菜单列表
    JS特效代码:实现间歇无缝文字滚动特…
    文字滚动特效(兼容多浏览器)
    网页特效代码:JavaScript显示系统时…
    关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 |

    Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号