关于HTML表格属性详解

表格

表格< table>标签中属性有

属性名属性值描述
alignleft、center、right规定表格相对周围元素的对齐方式。(不推荐使用,用样式代替)
bgcolor颜色名字或颜色二进制代码规定表格的背景颜色。(不推荐使用,用样式代替)
border1或者其他" "规定表格单元是否拥有边框,默认为" ",表示没有边框。
cellpadding像素值规定单元边沿与其内容之间的空白,默认1像素。
cellspacing像素值规定单元格之间的空白,默认为2像素。
width像素值或百分比规定表格的宽度。
framevoid、above、below、hsides、lhs、rhs、vsides、box、border规定外侧边框的哪个部分是可见的。
rulesnone、groups、rows、cols、all规定内侧边框的哪个部分是可见的。
summarytext规定表格的摘要。
border-collapsecollapse设置表格的边框是否被折叠成一个单一的边框或隔开

表格中frame属性值设置对应的效果

frame属性值描述
void不显示外侧边框。
above显示上部的外侧边框。
below显示下部的外侧边框。
hsides显示上部和下部的外侧边框。
vsides显示左右两边的外侧边框。
lhs显示左边的外侧边框。
rhs显示右边的外侧边框。
box在所有四个边上显示外侧边框。
border在所有边上显示外侧边框。

表格中align属性值设置对应的效果

描述
left左对齐(默认为左对齐)。
right右对齐
center居中对齐内容(th(表头)元素的默认值)
justify对行进行伸展,可以设置字符相等的长度(貌似两端对齐)
char将内容对准指定字符

表格中< tr>标签属性

表格中用< tr>标签来定义HTML表格中的行tr元素中包含一个或多个th(表头,自动居中加粗)或td元素

属性描述
alignright left center justify char定义表格行的内容对齐方式
bgcolor颜色名字或颜色二进制代码设置表格行的背景颜色(一般不使用,用样式取而代之)
charcharacter规定根据哪个字符来进行文本对齐
charoffnumber规定第一个对齐字符的偏移量
valigntop、middle、bottom、baseline规定表格行中内容的垂直对齐方式

valign属性值设置的对应效果

描述
top对内容进行上对齐
middle对内容进行居中对齐(默认值)
bottom对内容进行下对其
baseline表格一行中与基线对齐

表格中< td>标签的属性

属性描述
abbrtext规定单元格中内容的缩写版本(HTML5 不支持 < td> abbr 属性。)
alignleft、right、center、justify、char规定单元格内容的水平对齐方式
axiscategory_name对单元进行分类(没有浏览器支持axis属性)
nowspannowrap规定单元格中内容是否自动换行(不赞成使用,一般使用样式取而代之)
rowspannumber规定单元格横跨的行数
colspannumber规定单元格横跨的列数
…(其余参考< tr>标签的属性值)

abbr标签使用全局的title属性,这样就能够在鼠标指针移动到 < abbr> 元素上时显示出简称/缩写的完整版本。

< th>标签属性与< td>标签属性基本一致在此就不一一赘述了

  • 4
    点赞
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值