正 文

HTML表格使用从入门到精通


www.7dspace.com  更新日期:2005-9-22 6:29:33  七度空间


  用表格替代水平线、竖直线

  用表格代替水平线,插入一个表格,将高度设为1(按需要设定),当然也可以将宽度设为1,制作竖直线。  

  〈table width="100" border="0" align="center" cellpadding="0" cellspacing="0">

  <tr>

  <td height="1" bgcolor="#000000"></td>

  </tr>

  </table>

  <br>

  <table height="100" border="0" align="center" cellpadding="0" cellspacing="0">

  <tr>

  <td width="1" bgcolor="#000000"></td>

  </tr>

  </table〉
  

  注意:在Dreamweaver里制作时,先将高设为1后,切换到代码窗口,将表格里的空格符去掉( ),如果不将空格去除的话,将看不到想要的效果了。  

  制作带有立体感的表格

  在页面中适当的加入带有立体感的表格元素,会给你的页面添光加彩。  

  〈table width="30%" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF" bordercolorlight="#000000" bgcolor="#9999CC">

  <tr>

  <td>A</td>

  <td> </td>

  </tr>

  <tr>

  <td> </td>

  <td> </td>

  </tr>

  </table>

  <br>

  <table width="30%" border="1" align="center" cellpadding="1" cellspacing="2" bgcolor="#9999CC">

  <tr>

  <td>B</td>

  <td> </td>

  </tr>

  <tr>

  <td> </td>

  <td> </td>

  </tr>

  </table>

  <br>

  <table width="30%" border="1" align="center" cellpadding="1" cellspacing="2" bordercolor="#FFFFFF" bordercolorlight="#000000" bgcolor="#9999CC">

  <tr>

  <td>C</td>

  <td> </td>

  </tr>

  <tr>

  <td> </td>

  <td> </td>

  </tr>

  </table〉  

  小技巧:效果图中的凸凹效果,完全是由bordercoloer的颜色来控制的,它的颜色浅一些,有会有凸出的效果,它的颜色深一点,就会有凹陷的效果。

3页,当前在第2页  1  2  3  

上一篇:架设同学录:同学录之成家立页
下一篇:任意字符集下正常显示网页
作者:夏治  来源:ezIT ( 责任编辑:7dspace )
收藏此页】【打印】【关闭
站 内 搜 索
 

热 点 导 读
特 别 推 荐