您现在的位置:首页 >> 建站经验 >> 内容

HTML表格特效代码大全,表格代码大全(1)

时间:2009/9/14 11:45:18 点击:3968

  核心提示:1. 两种细线表格做法源码如下:table width=100% border=1 bordercolor=#000000 tr bordercolor=#FFFFFF td表格边线为1,线色为黑,行线色为白。/td /tr/tableptable width=100% border=0 cells...

1. 两种细线表格做法

源码如下:

<table width="100%" border="1" bordercolor="#000000">
   <tr bordercolor="#FFFFFF">
     <td>表格边线为1,线色为黑,行线色为白。</td>
   </tr>
</table>
<p>
<table width="100%" border="0" cellspacing="1" bgcolor="#000000">
   <tr>
     <td bgcolor="#FFFFFF">表格边线为0,间距为1,背景色为黑,行背景色为白。</td>
   </tr>
</table>

2. 立体表格

源码如下:

<table   border=1 cellspacing=0   width=100% bordercolorlight=#333333 bordercolordark=#efefef>
   <tr bgcolor=#cccccc>
     <td>it365cn</td>
     <td>it365cn</td>
     <td>it365cn</td>
     <td>it365cn</td>
   </tr>
   <tr bgcolor=#cccccc>
     <td>cnbruce</td>
     <td>cnbruce</td>
     <td>cnbruce</td>
     <td>cnbruce</td>
   </tr>
</table>
<center>表格边线为1,间隔为0,左上为#333333,右下为#efefef,行背景色为#cccccc

3. 另类圆角表格制作

源码如下:

<table cellpadding=0 cellspacing=0 border=0 width=282 align=center>
   <tr height=1>
     <td rowspan=4 width=1></td>
     <td rowspan=3 width=1></td>
     <td rowspan=2 width=1></td>
     <td width=2></td>
     <td bgcolor=#43B5C9></td>
     <td width=2></td>
     <td rowspan=2 width=1></td>
     <td rowspan=3 width=1></td>
     <td rowspan=4 width=1></td>
   </tr>
   <tr height=1>
     <td bgcolor=#43B5C9></td>
     <td bgcolor=#43B5C9></td>
     <td bgcolor=#43B5C9></td>
   </tr>
   <tr height=1>
     <td bgcolor=#43B5C9></td>
     <td colspan=3 bgcolor=#43B5C9></td>
     <td bgcolor=#43B5C9></td>
   </tr>
   <tr height=2>
     <td bgcolor=#43B5C9></td>
     <td colspan=5 bgcolor=#43B5C9></td>
     <td bgcolor=#43B5C9></td>
   </tr>
</table>
<p>放大
<table cellpadding=0 cellspacing=0 border=1 width=282 align=center>
   <tr height=10>
     <td rowspan=4 width=10></td>
     <td rowspan=3 width=10></td>
     <td rowspan=2 width=10></td>
     <td width=20></td>
     <td bgcolor=#43B5C9></td>
     <td width=20></td>
     <td rowspan=2 width=10></td>
     <td rowspan=3 width=10></td>
     <td rowspan=4 width=10></td>
   </tr>
   <tr height=10>
     <td bgcolor=#43B5C9></td>
     <td bgcolor=#43B5C9></td>
     <td bgcolor=#43B5C9></td>
   </tr>
   <tr height=10>
     <td bgcolor=#43B5C9></td>
     <td colspan=3 bgcolor=#43B5C9></td>
     <td bgcolor=#43B5C9></td>
   </tr>
   <tr height=20>
     <td bgcolor=#43B5C9></td>
     <td colspan=5 bgcolor=#43B5C9></td>
     <td bgcolor=#43B5C9></td>
   </tr>
</table>

 

作者:冷月湖 录入:冷月湖 来源:原创
相关评论
发表我的评论
  • 大名:
  • 内容:
  • 亿万站网址导航-站长之家(www.yiwanzhan.cn) © 2006-2024 版权所有 All Rights Reserved.
  • Email:xiegr71@163.com 站长QQ:329700870 京ICP备07500142号