学院首页
操作系统
图形图像
编程开发
网页制作
网络应用
办公应用
在线图书
当前位置导航:
炫浪网
>>
网络学院
>>
网页制作
>>
HTML与CSS教程
网页制作基础学习:表格魔鬼教程经典版
一、表格中单元格之间分隔线的隐藏方法
第
一
行
第
二
行
第
三
行
这个表格去掉了单元格之间的纵向分隔线
第
第
第
一
二
三
列
列
列
这个表格去掉了单元格之间的横向分隔线
横
线
竖
线
都
没
了
这个表格去掉了单元格之间的纵向分隔线和横向分隔线
其实上面的三个表格都有三行三列,隐藏分隔线的诀窍在于rules,察看这三个表格的源代码,我们可以看到
<>标签中都有rules。 它有三个参数(cols,rows,none),当rules=cols时,表格会隐藏纵向的分隔线,这样我们就只能看到表格的行;当rules=rows时,则 隐藏了横向的分隔线,这样我们只能看到表格的列;而当rules=none时,纵向分隔线和横向分隔线将全部隐藏。 >
二、表格边框的隐藏
普
表
通
格
这是一普通的表格
不怕
下雨
只显示上边框
下起雨来
该怎么办
只显示下边框
上不着天
下不着地
只显示左、右边框
两边走开
老子姓王
只显示上、下边框
左右
为难
只显示左边框
左右
为难
只显示右边框
光秃秃
全脱了
不显示任何边框
表格边框的显示与隐藏,是可以用frame参数来控制的。请注意它只控制表格的边框图,而不影晌单元格。
只显示上边框
<>
只显示下边框 >
<>
只显示左、右边框 >
<>
只显示上、下边框 >
<>
只显示左边框 >
<>
只显示右边框 >
<>
不显示任何边框 >
三、表格边框
普
表
通
格
这是一普通的表格
<table border="1" width="200" cellpadding="0" cellspacing="0"><tr align="center"> <td>普</td><td>表</td></tr><tr align="center"> <td>通</td><td>格</td></tr></table></body> </html>
上一篇:
制作网页时谨慎使用mailto标签
下一篇:
加速HTML页面的10个处理技巧
相关内容
[更多]
HTML和CSS中的视觉语义
CSS3实战一:让我们尽情的圆角吧
迷人的HTML5和CSS3应用实例
新手如何学习DIV+CSS制作前台网页
详解div+css相对定位和绝对定位用法
完美解决CSS网页水平居中
XHTML+CSS兼容解决方案
是什么影响了css的渲染速度?
DIV和table页面布局的区别和联系
CSS兼容处理之用CSS代码来判断浏览器是Firefox、IE6…
最新黑链代码expression:隐藏链接代码
全面讲解CSS优先级规则附实例
DIV+CSS你也要注意的SEO原则
DIV+CSS中id和class的使用原则
CSS背景定位属性详解
详细讲解CSS中相对定位relative和绝对定位absolute
赞助商链接
【注意】炫浪网 版权所有,未经书面授权禁止模仿风格或建立镜像网站.如有违反,追究法律责任.
【声明】本网站部分内容属社区网友发布,本网站仅提供网友交流平台,但有权在本网站范围内引用、发布、
转载来自社区网友发布的内容。网友发布内容纯属个人行为,与本网站立场无关。本网站对于网友发布的
内容所引发的版权、署名权的异议及纠纷,不承担任何责任。 粤ICP备
11064832
号 公安备案编号:4453023010550