| 首页 | 视觉资讯 | 平面视觉 | 环艺设计 | CG视觉 | 设计教程 | 人物 |
视觉资讯
设计资讯 网络媒体 设计征集 书刊
平面视觉
画册 包装 VI 招贴 标志 创意 文案 理论
环艺设计
建筑设计 室内设计 景观设计 家装设计
CG视觉
插画 3D视觉 动漫
设计教程
平面教程 网页教程 多媒体教程
人物
设计师 设计公司 人物访谈
您现在的位置: 第一视觉 >> 设计教程 >> 网页教程 >> 网页理论 >> 正文
表格边框完整教程
作者:Poorfish | 文章来源:蓝色理想 | 时间:2007-7-15 【字体:
表格边框
这是一普通的表格
线
表格加上了漂亮的细线
(利用cellspacing1像素间隙和表格与单元格背景的不同)
线
这和上面那个可不一样,它用的是CSS,效果却一样。
(对单元格border的定义)
线
再进一步,把边框变成虚线,同样是CSS的神奇作用。
 
 
 
 
细线表格的扩展应用,奥妙就是在第个单元格中再套入一个表格。
立体感的表格
(简单的亮暗边框设置,注意只有IE支持这种效果)
无名表格

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

看起来和上面的一样,可是这个才是真正的表中表哦。
(在<legnd>中插入一个表格)

这一节要靠你自己去发现了,因为这样学到的东西才是真正属于自己的(我的一个偷懒的借口)。 我已经在每个表格的下面写出了重点,并在右边给出它的源代码,你可以对照着看。下面还有一 个边框会自己变颜色闪动的表格,有兴趣也研究研究吧
  • 上一篇文章:

  • 下一篇文章:
  • 相关文章
    表格边框的隐藏方法
    版权申明:
       转载请不要修改任何文字图片链接信息。如需使用本站作品,请与原作者联系,版权归原作者所有。
       第一视觉(www.vision1.cn)依法保护知识产权,如果我们的文章有涉及或侵犯您的有关权益,请联系我站编辑人员,注明网址及文章,我们会即时处理或删除!
    最新热门文章
    普通文章视觉流程及版式类型
    普通文章什么是静态网页?
    关于我们 | 联系我们 | 版权声明 | 免责声明 | 网站地图
    版权所有 © 2006-2007 第一视觉(Vision1.cn)
    Copyright © 2006-2007 Vision1.cn All rights reserved