| 一、表格中单元格之间分隔线的隐藏方法 |
| 这个表格去掉了单元格之间的纵向分隔线 | |||||||||
| 这个表格去掉了单元格之间的横向分隔线 | |||||||||
| 这个表格去掉了单元格之间的纵向分隔线和横向分隔线 | |||||||||
其实上面的三个表格都有三行三列,隐藏分隔线的诀窍在于rules,察看这三个表格的源代码,我们可以看到<table>标签中都有rules。 它有三个参数(cols,rows,none),当rules=cols时,表格会隐藏纵向的分隔线,这样我们就只能看到表格的行;当rules=rows时,则 隐藏了横向的分隔线,这样我们只能看到表格的列;而当rules=none时,纵向分隔线和横向分隔线将全部隐藏。 | ||||||||||
| 二、表格边框的隐藏 |
| 这是一普通的表格 | ||||
| 只显示上边框 | ||||
| 只显示下边框 | ||||
| 只显示左、右边框 | ||||
| 只显示上、下边框 | ||||
| 只显示左边框 | ||||
| 只显示右边框 | ||||
| 不显示任何边框 | ||||
表格边框的显示与隐藏,是可以用frame参数来控制的。请注意它只控制表格的边框图,而不影晌单元格。 只显示上边框 <table frame=above> 只显示下边框 <table frame=below> 只显示左、右边框 <table frame=vsides> 只显示上、下边框 <table frame=hsides> 只显示左边框 <table frame=lhs> 只显示右边框 <table frame=rhs> 不显示任何边框 <table frame=void> | |||||
| 三、表格边框 |
| |||||||||
(利用cellspacing1像素间隙和表格与单元格背景的不同) | |||||||||
(对单元格border的定义) | |||||||||
| |||||||||
(简单的亮暗边框设置,注意只有ie支持这种效果) | |||||||||
(应用<fieldset>和</legend>标签) | |||||||||
(用css为<legnd>定义一个边框) | |||||||||
(在<legnd>中插入一个表格) | |||||||||
这一节要靠你自己去发现了,因为这样学到的东西才是真正属于自己的(我的一个偷懒的借口)。 我已经在每个表格的下面写出了重点,并在右边给出它的源代码,你可以对照着看。下面还有一 个边框会自己变颜色闪动的表格,有兴趣也研究研究吧 ^o^ | |||||||||
| power by blueidea |
出处:
责任编辑:poorfish
◎进入论坛网页制作、网站综合版块参加讨论
| ||
| dw中实现flash的透明背景 dreamweaver制作网页幻灯片效果 xhtml基础问答-给初学者 fw与dw结合:看实例学切片 html 标签是否匹配检测代码 |
| ||
| odx.photo nikon 2004-2005国际摄影大赛 背阳的向日葵 22 months fermata |
| ||||||||||||||||||||||||||||||
| ||||||||||||||||||||||||||||||
| ||||||||||||||||||||||||||||||
| ||||||||||||||||||||||||||||||
|
| |||||||||||||||||||||||||||||||||||
| |
|
>
Java Asp PHP .Net XML C/C++ CGI VB Jsp J2ee J2se J2me EJB Servlet Tomcat Resin Struts Weblogic Eclipse ANT GUI JMS Web servise IDEA Webphere Hibernate Spring Jboss Applet Swing Socket Javamail Perl Ajax P2P 安全 模式 框架 测试 开源 游戏
Windows XP Windows 2000 Windows 2003 Windows Me Windows 9.x Linux UNIX 注册表 操作系统 服务器 应用服务器