一、表格的常用属性
基本属性有:width(宽度)、height(高度)、border(边框值)、cellspacing(表格的内宽,即表格与tr之间的间隔)、 cellpadding(表格内元素的间隔,即tr与tr之间的间隔)、bordercolorlight(表格的亮边框颜色)、 bordercolordark(表格的暗边框颜色)、bgcolor(表格的背景色)、background(表格的背景图片)、 bordercolor(表格边框的颜色),
二、表格内部分隔线的属性
起作用的是rules这个参数,它有三个值(cols,rows,none),当rules=cols时,表格会隐藏横向的分隔线,也就是我们只能看到表 格的列;当rules=rows时,就隐藏了纵向的分隔线,也就是我们只能看到表格的行;而当rules=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>
看一下对比效果吧:
|
这是最普通的表格形式 |
|
这是只显示上边框的表格,即frame=above |
|
这是只显示下边框的表格,即frame=below |
|
这是只显示左、右边框的表格,即frame=vsides |
|
这是只显示上、下边框的表格,即frame=hsides |
|
这是只显示左边框的表格,即frame=lhs |
|
这是只显示右边框的表格,即frame=rhs |
|
这是不显示任何边框的表格,即frame=void |
分享到:
相关推荐
表格内外边框线的属性 特备针对表格嵌套表格的时候修改样式比较有用
Html_的table_边框设置
HTML小技巧:将table边框改为细线 HTML制作新手在用TABLE表格时,会碰到如何改变边线粗线
table边框有无的设置 style="border-right:#000000 0px solid;
table嵌套table的边框样式代码例子(包含div嵌套table的外边框)。
html为内边框加颜色而嵌套TABLE边框不显示出来的两种方法.pdf
table 边框拖动
CSS 边框属性(Border 和 Outline) CSS 背景属性(Background) Color 属性 Box 属性 CSS 尺寸属性(Dimension) 内容生成(Generated Content) 可伸缩框属性(Flexible Box) Grid 属性 Hyperlink 属性 CSS 字体...
当显示的table宽度受限制固定宽度时,表格的展示列又很多的时候,如何更好地处理并展示,可下载资源查看,可拖动表格,表格可左右拖动,表格td边框可以左右拖动,表格里的内容可以很好的显示。
默认情况下,表格的边框为0,我们可以为表格设置边框线。 基本语法 <TABLE BORDER=VALUE> 语法解释 通过BORDER属性定义边框线的宽度,单位为像素。 文件范例:10-2.htm 设定边框线的宽度。01 <!– ——————...
<table>标签属性 表格 属性 描述 常用属性值 border 设置表格的边框(默认border="0"为无边框) 像素值 cellspacing 设置单元格与单元格边框之间的空白间距 像素值(默认为2像素) cellpadding 设置单元格内容与...
table标签在网页制作中经常用到,所以掌握table的属性十分重要,在网页上制作中经常要使表格显示一定的效果,而这些效果的实现就需要通过css样式来控制表格属性!
elementUI给table表头行设置背景颜色样式
表格的边框算是页面制作中最头痛的,带边线的表格在之前非常讨厌做,不过今天终于解决了这个问题,下面将示例与大家分享下
.
Table默认是有外边框,有内边框的,那么如何通过css样式简单实现Table没有外边框,只有内边框呢?下面有个不错的示例,大家可以看看
bootstrap集成table样式的总结,总结了各种bootstrap集成的table样式
border为边框属性,如果要实现对象边框效果,要设置边框宽度、边框颜色、边框样式(实线还是虚线) border:1px dashed #F00 这个就是设置边框样式宽度为1px,虚线,虚线为红色。 4、实例描述 我们对以上几个标签设置...
Dreamweaver中怎么让html网页中的table边框细线显示?Dreamweaver中插入表格默认是宽边框的,看上去很难看,该怎么将边框设置成细线呢?请看下文详细介绍,需要的朋友可以参考下
修改bootstrap table设置列宽问题,增加插件和bootstrap table组合可随意拖动表格的列宽