html5 table标签的样式介绍(另附html5 table css居中的实例)


本文摘自PHP中文网,作者寻∝梦,侵删。

html table标签的样式介绍(另附html5 table css居中的实例),本篇文章主要为大家讲述的就是html5 table标签的定义和各种样式介绍。

HTML 5 <table> 标签的定义和用法:

<table> 标签可定义表格。在 <table> 标签内部,你可以放置表格的标题、表格行、表格列、表格单元以及其他的表格。

html table标签的标准属性:

class, contenteditable, contextmenu, dir, draggable, id, irrelevant,

lang, ref, registrationmark, tabindex, template, title

html table样式实例介绍:

1

2

3

4

5

6

7

8

9

<table border="1">

    <tr>

            <td width="95" align="right" valign="top" nowrap="nowrap"><strong>处理意见:</strong></td>   

            <td id="fnote"  width="300px" colspan="8"> </td>                    

    </tr>

    <tr>

            <td><a href="#" onclick="showad()">审批记录</a></td>

    </tr>               

</table>

width: 列的宽度

align: 单元格内容水平排列方式:right left center

valign: 单元格内容垂直排列方式: top bottom middle baseline

colspan: 单元格可跨越的列数

rowspan: 单元格可跨越的行数

rowspan=3 tr

nowrap:规定单元格中的内容是否折行


表格table特有的样式属性:

1、边框合并

属性:border-collapse

取值:

1、separate

默认值,分离边框模式

2、collapse

边框合并模式

2、边框边距

1、作用

设置相邻单元格边框之间的距离(类似于cellspacing)

2、属性

border-spacing

取值:

1、取1个值

表示水平和垂直间距相等

2、取2个值

第一个值表示的 水平间距

第二个值表示的 垂直间距

两个值之间用 空格 隔开

3、要求

阅读剩余部分

相关阅读 >>

html5 canvas画布详解(一)

html5页面rem布局适配方法详解

html5中常用交互元素实现的代码实例

为什么现在html5的优势越来越大

html5的页面结构需要注意那些方面

用canvas实现简单的下雪效果(附代码)

h5中文件上传下载实例

html5 menu标签的具体定义和html5menu标签的用法详细解析

(server-sent events)浅谈h5 中的服务器推送事件

html5实践-如何使用css3丰富图片样式的详解(二)

更多相关阅读请进入《table》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    暂无评论...