康柏仕电脑学院 → Microsoft Windows交流平台 → Dreamweaver网站设计交流区 → 表格边框魔鬼教程


  共有14690人关注过本帖树形打印复制链接

主题：表格边框魔鬼教程
帅哥哟，离线，有人找我吗？
轻轻风聆
 小大  1楼 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 家人主人
等级：管理员 帖子：2689 积分：26282 威望：0 精华：14 注册：2005/9/15 		表格边框魔鬼教程  发帖心情 Post By：2008/11/27 15:58:22 [只看该作者]

三、表格边框
普 表
通 格
这是一普通的表格
细 表
线 格
表格加上了漂亮的细线
(利用cellspacing1像素间隙和表格与单元格背景的不同)
细 表
线 格
这和上面那个可不一样，它用的是CSS，效果却一样。
(对单元格border的定义)
细 表
线 格
再进一步，把边框变成虚线，同样是CSS的神奇作用。
 
 
 
 
细线表格的扩展应用，奥妙就是在第个单元格中再套入一个表格。
立 表
体 格
立体感的表格
(简单的亮暗边框设置，注意只有IE支持这种效果)
无名表格

给表格加上一个表头
(应用<fieldset>和</legend>标签)
表中表效果Ⅰ
给表头再加个框
(用CSS为<legnd>定义一个边框)
表中表效果Ⅱ

看起来和上面的一样，可是这个才是真正的表中表哦。
(在<legnd>中插入一个表格)
这一节要靠你自己去发现了，因为这样学到的东西才是真正属于自己的（我的一个偷懒的借口）。 我已经在每个表格的下面写出了重点，并在右边给出它的源代码，你可以对照着看。下面还有一 个边框会自己变颜色闪动的表格，有兴趣也研究研究吧 ^o^

正航--放大你管理的力量！
正航，缔造智慧企业!
正航东莞-松山湖、长安：www.chidg.com
咨询热线：0769-81158210　　13580877608
 回到顶部
帅哥哟，离线，有人找我吗？
轻轻风聆
 小大  2楼 | QQ | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 家人主人
等级：管理员 帖子：2689 积分：26282 威望：0 精华：14 注册：2005/9/15 		  发帖心情 Post By：2008/11/27 16:07:06 [只看该作者]

表格边框的隐藏

普 表
通 格
 这是一普通的表格

不怕 下雨
   

 只显示上边框
   
下起雨来 该怎么办
 只显示下边框

上不着天  
  下不着地

 只显示左、右边框
  两边走开
老子姓王  
 只显示上、下边框

左右  
为难  

 只显示左边框
  左右
  为难
 只显示右边框

光秃秃  
  全脱了
 不显示任何边框

表格边框的显示与隐藏，是可以用frame参数来控制的。请注意它只控制表格的边框图，而不影晌单元格。
只显示上边框 <table frame=above>
只显示下边框 <table frame=below>
只显示左、右边框 <table frame=vsides>
只显示上、下边框 <table frame=hsides>
只显示左边框 <table frame=lhs>
只显示右边框 <table frame=rhs>
不显示任何边框 <table frame=void>

[此贴子已经被作者于2008-11-27 16:07:40编辑过]

正航--放大你管理的力量！
正航，缔造智慧企业!
正航东莞-松山湖、长安：www.chidg.com
咨询热线：0769-81158210　　13580877608
 回到顶部
RSS2.0 | Xhtml无图版 | Xslt无图版 Copyright ©2005 - 2024 康柏仕电脑学院 清理缓存

正航ERP软件-企业ERP最佳选择! http://www.chidg.com　　0769-81158210   Powered By Dvbbs Version 8.3.0
页面执行时间 0.03125 秒, 5 次数据查询