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缓存-manifest的示例代码分享(图文)

用html5构建高性能视差网站的图文代码详解

巧用html5给按钮背景设计不同的动画

html5 canvas基本绘图之绘制矩形

如何使用css更改占位符颜色?(代码示例)

html5如何实现简单进度条效果?动态进度条的实现(代码示例)

涂鸦板简单实现 html5编写属于自己的画画板

html5新特性之跨文档消息传输详解

html5之使用地理定位的代码分享

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




打赏

取消

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

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

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

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

评论

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