不同结构的表格样式 - 蓝色妖姬的日志 - 网易博客
来源:百度文库 编辑:神马文学网 时间:2024/04/28 02:07:57
在圈子里看不出效果,请点击查看原文欣赏!
1.
单行单列
代码:
2.
一行多列
一行多列
一行多列
代码:
3.
一列多行
一列多行
一列多行
代码:
4.
多行多列
多行多列
多行多列
多行多列
多行多列
多行多列
多行多列
多行多列
多行多列
代码:
5.
合并列的表格
合并列的表格
合并列的表格
合并列的表格
合并列的表格
合并列的表格
合并列的表格
代码:
6.
合并行的表格
合并行的表格
合并行的表格
合并行的表格
合并行的表格
合并行的表格
合并行的表格
代码:
7.
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
代码:
8.
隐藏 横向 分隔线 隐藏 横向 分隔线 隐藏 横向 分隔线
代码:
9.
隐藏 纵向 分隔线 隐藏 纵向 分隔线 隐藏 纵向 分隔线
代码:
10.
隐藏 纵横 分隔线 隐藏 纵横 分隔线 隐藏 纵横 分隔线
代码:
附:表格常用属性
border:表格的边框宽度。如border=1,表示表格边框的粗细为1个像素(默认值),为0表示没有边框。
cellspacing:表格中各单元格的间距。属性值为数字。当表格只有一个单元格时,则表示该单元格与表格边框的距离。
cellpadding:单元格内容与单元格边框之间的距离,属性值是数字。
width:表格的宽度。属性值为像素和百分比两种。
height:表格的高度。取值方法同width。
bgcolor:表格的背景颜色。属性值为各种颜色代码。
background:表格的背景图案。属性值为有效的图片地址。
bordercolor:表格边框的颜色。属性值为各种颜色代码(当border值不为0时设置此值有效)。
bordercolorlight:亮边框(表格的左边和上边框)颜色。属性值为各种颜色代码(当border值不为0时设置此值有效)。
bordercolordark:暗边框(表格的右边和下边框)颜色。属性值为各种颜色代码(当border值不为0时设置此值有效)。
align:表格的对齐方式。属性值为left(左对齐,默认)、center(居中)以及right(右对齐)。
colspan:定义合并表格的列数。属性值是数字。
rowspan定义合并表格的行数,属性值是数字。
1.
单行单列
代码:
单行单列 |
2.
一行多列
一行多列
一行多列
代码:
一行多列 | 一行多列 | 一行多列 |
3.
一列多行
一列多行
一列多行
代码:
一列多行 |
一列多行 |
一列多行 |
4.
多行多列
多行多列
多行多列
多行多列
多行多列
多行多列
多行多列
多行多列
多行多列
代码:
多行多列 | 多行多列 | 多行多列 |
多行多列 | 多行多列 | 多行多列 |
多行多列 | 多行多列 | 多行多列 |
5.
合并列的表格
合并列的表格
合并列的表格
合并列的表格
合并列的表格
合并列的表格
合并列的表格
代码:
合并列的表格 | ||
合并列的表格 | 合并列的表格 | 合并列的表格 |
合并列的表格 | 合并列的表格 | 合并列的表格 |
6.
合并行的表格
合并行的表格
合并行的表格
合并行的表格
合并行的表格
合并行的表格
合并行的表格
代码:
合并行的表格 | 合并行的表格 | 合并行的表格 |
合并行的表格 | 合并行的表格 | |
合并行的表格 | 合并行的表格 |
7.
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
代码:
复杂表格 | 复杂表格 | 复杂表格 | ||
复杂表格 | 复杂表格 | 复杂表格 | 复杂表格 | 复杂表格 |
复杂表格 | 复杂表格 | 复杂表格 | ||
复杂表格 | 复杂表格 | 复杂表格 | ||
复杂表格 | 复杂表格 |
8.
隐藏 横向 分隔线 隐藏 横向 分隔线 隐藏 横向 分隔线
代码:
隐藏 | 横向 | 分隔线 |
隐藏 | 横向 | 分隔线 |
隐藏 | 横向 | 分隔线 |
9.
隐藏 纵向 分隔线 隐藏 纵向 分隔线 隐藏 纵向 分隔线
代码:
隐藏 | 纵向 | 分隔线 |
隐藏 | 纵向 | 分隔线 |
隐藏 | 纵向 | 分隔线 |
10.
隐藏 纵横 分隔线 隐藏 纵横 分隔线 隐藏 纵横 分隔线
代码:
隐藏 | 纵横 | 分隔线 |
隐藏 | 纵横 | 分隔线 |
隐藏 | 纵横 | 分隔线 |
只显示右边框 |
附:表格常用属性
border:表格的边框宽度。如border=1,表示表格边框的粗细为1个像素(默认值),为0表示没有边框。
cellspacing:表格中各单元格的间距。属性值为数字。当表格只有一个单元格时,则表示该单元格与表格边框的距离。
cellpadding:单元格内容与单元格边框之间的距离,属性值是数字。
width:表格的宽度。属性值为像素和百分比两种。
height:表格的高度。取值方法同width。
bgcolor:表格的背景颜色。属性值为各种颜色代码。
background:表格的背景图案。属性值为有效的图片地址。
bordercolor:表格边框的颜色。属性值为各种颜色代码(当border值不为0时设置此值有效)。
bordercolorlight:亮边框(表格的左边和上边框)颜色。属性值为各种颜色代码(当border值不为0时设置此值有效)。
bordercolordark:暗边框(表格的右边和下边框)颜色。属性值为各种颜色代码(当border值不为0时设置此值有效)。
align:表格的对齐方式。属性值为left(左对齐,默认)、center(居中)以及right(右对齐)。
colspan:定义合并表格的列数。属性值是数字。
rowspan定义合并表格的行数,属性值是数字。
不同结构的表格样式 - 蓝色妖姬的日志 - 网易博客
不同结构的表格样式
【Earls】不同结构的表格样式
[网易博客技巧]表格的高级样式
博客代码 - 蓝色妖姬的日志 - 网易博客
相思的债 - 蓝色妖姬的日志 - 网易博客
体育健身 - 蓝色妖姬的日志 - 网易博客
生死相许 - 蓝色妖姬的日志 - 网易博客
FLASH视频教程汇总 - 蓝色妖姬的日志 - 网易博客
精美背景图片 - 蓝色妖姬的日志 - 网易博客
电脑知识 - 蓝色妖姬的日志 - 网易博客
夕阳情 - 蓝色妖姬的日志 - 网易博客
蓝色妖姬 - 俏丽妹妹的日志 - 网易博客
蓝色妖姬的寂寞午夜电影 - 蓝色妖姬的日志 - 网易博客
蓝色妖姬的寂寞午夜电影 - 蓝色妖姬的日志 - 网易博客
蓝色妖姬小屋快速搜索 - 蓝色妖姬的日志 - 网易博客
表格的高级样式
经典的AspNetPager样式 - SK的日志 - 网易博客
彼岸桃花音画《唱一首网络的情歌》TO:蓝色妖姬建博4周年 - 蓝色妖姬的日志 - 网易博客
你好吗?我隔屏相望的朋友! - 蓝色妖姬的日志 - 网易博客
男人的一半是女人 - 蓝色妖姬的日志 - 网易博客
想你 在静静的夜 - 蓝色妖姬的日志 - 网易博客
淡淡的牵挂着你 - 蓝色妖姬的日志 - 网易博客
为何“yin”荡的女人是男人最爱 - 蓝色妖姬的日志 - 网易博客