新浪首页 > 科技时代 > 学园 > 设计专区 > 正文

表格运用无极限 HTML表格使用从入门到精通(2)

http://www.sina.com.cn 2004年06月17日 10:07 赛迪网

  文/夏治

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

  用表格代替水平线,插入一个表格,将高度设为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的颜色来控制的,它的颜色浅一些,有会有凸出的效果,它的颜色深一点,就会有凹陷的效果。

<< 上一页  下一页 >>

评论】【应用软件论坛】【推荐】【 】【打印】【关闭
 

 
新 闻 查 询
关键词一
关键词二



热 点 专 题
中国工人在阿富汗遭袭
胡锦涛出访欧亚四国
美国将移交萨达姆
第三轮六方会谈将举行
河南高考舞弊案
河北邯郸6-3矿难瞒报
辽宁盘锦大桥垮塌事故
《后天》 孙燕姿巡演
2004欧锦赛 NBA总决赛

 

 发表评论: 匿名发表 新浪会员代号:  密码:
 



科技时代意见反馈留言板 电话:010-82628888-5488   欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

Copyright © 1996 - 2004 SINA Inc. All Rights Reserved

版权所有 新浪网