电脑爱好者,提供IT资讯信息及各类编程知识文章介绍,欢迎大家来本站学习电脑知识。 最近更新 | 联系我们 RSS订阅本站最新文章
电脑爱好者
站内搜索: 
当前位置:首页>> HTML>>HTML表格制作使用从入门到精通(三):

HTML表格制作使用从入门到精通(三)

来源:网络 | 2008-7-27 | (有2651人读过)

制作带有立体感的表格 

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

  <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的颜色来控制的,它的颜色浅一些,有会有凸出的效果,它的颜色深一点,就会有凹陷的效果。 
HTML热门文章排行
网站赞助商
购买此位置

 

关于我们 | 网站地图 | 文档一览 | 友情链接| 联系我们

Copyright © 2003-2021 电脑爱好者 版权所有 备案号:鲁ICP备09059398号