Table显示你要显示的边框代码
(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun)
表格的常用属性
基本属性有:width(宽度)、height(高度)、border(边框值)、cellspacing(表格的内宽,即表格与tr之间的间隔)、 cellpadding(表格内元素的间隔,即tr与tr之间的间隔)、bordercolorlight(表格的亮边框颜色)、 bordercolordark(表格的暗边框颜色)、bgcolor(表格的背景色)、background(表格的背景图片)、 bordercolor(表格边框的颜色)
表格内部分隔线的属性
起作用的是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>
- <table summary="学生名单,包括学生编号、姓名、联系电话、和地址。">
- <caption>学生名单</caption>
- <thead>
- <th scope="col">编号</th>
- <th scope="col">姓名</th>
- <th scope="col">联系电话</th>
- <th scope="col">地址</th>
- </thead>
- <tfoot>
- <td colspan="4">班主任:</td>
- </tfoot>
- <tbody>
- <tr>
- <td>1</td>
- <td>Jamson</td>
- <td>123-45678</td>
- <td>XX市XX区XX号</td>
- </tr>
- <tr>
- <td>2</td>
- <td>Grace</td>
- <td>123-45678</td>
- <td>XX市XX区XX号</td>
- </tr>
- <tr>
- <td>3</td>
- <td>Dizzy</td>
- <td>123-45678</td>
- <td>XX市XX区XX号</td>
- </tr>
- </tbody>
- </table>
相关文章
Dreamweaver中怎么让html网页中的table边框细线显示?
Dreamweaver中怎么让html网页中的table边框细线显示?Dreamweaver中插入表格默认是宽边框的,看上去很难看,该怎么将边框设置成细线呢?请看下文详细介绍,需要的朋友可以2016-03-10- Table默认是有外边框,有内边框的,那么如何通过css样式简单实现Table没有外边框,只有内边框呢?下面有个不错的示例,大家可以看看2014-06-13
一个属性border-collapse解决Table的边框问题
表格的边框算是页面制作中最头痛的,带边线的表格在之前非常讨厌做,不过今天终于解决了这个问题,下面将示例与大家分享下2014-03-26- 在默认的情况下,我们的CSS将Table的边框清除掉了,下面与大家分享下CSS控制Table内外边框、颜色、大小的样式,想学习的朋友可以参考下2013-08-01
- 在css中已经写好了使table不显示边框的代码,在ie浏览器中显示正常,但是在火狐和谷歌浏览器中显示不正常,table的每个边框都显示了出来,因为浏览器不同带来的麻烦可是不2013-06-26
- 表格边框的显示与隐藏,是可以用frame参数来控制的。请注意它只控制表格的边框图,而不影晌单元格。2011-04-01
- 大家经常会发现Table的BORDER设置为1,得到的边框却不是想要的1个像素的细边框,于是很多人去想方设法做出细边框的效果。2010-06-23
- 表格边框的处理是CSS网页布局中经常会遇到的内容,在webjx.com中也有过相关的介绍,除了将表格作为一个整体进行定义,您也可以将表格边框的四个部分分别进行定义,包括顶部2010-01-23
- 前面学了网页表格中的单元格线条的设置方法,今天学习网页表格的边框线的设置方法。 ------------------------------------------------------------------------------2008-10-17
- 网页表格表框制作技巧。 -------------------------------------------------------------------------------- 表格边框的显示与隐藏,是可以用frame参数来控制的。请2008-10-17
最新评论