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 常用标签汇总详情

通过h5实现拍照功能的实例详解

html5实现图片的3d旋转效果

html5多图片预览上传及点击可拖拽控件的实例分享

详解html5的web存储与cookie的区别

html table的直列化格式是什么

html5-表单输入验证详解(图文)

html5是什么语言

html5中浏览器是否能播放指定的音频/视频类型的方法canplaytype()

h5之scrollintoview用法详解

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




打赏

取消

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

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

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

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

评论

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