虫儿飞在线试听鹿晗:实用表格样式汇集
来源:百度文库 编辑:九乡新闻网 时间:2024/03/29 23:25:40
(2010-12-31 21:35:31)
标签:实用表格样式
博客代码大全
博客美化宝典
博客装饰
周红青
博客素材
杂谈
分类:◆博客美化教程◆
实用表格样式汇集
序号 样式 代码
001
单实线边框表格
002
虚线边框表格
003
点线边框表格
004
双实线边框表格
005
槽线边框表格
006
脊线边框表格
007
内凹效果边框
008
外凸效果边框
009
内虚外实边框
010
外虚内实边框
011
无边框表格
二、不完整边框的表格样式
不完整边框的表格可分为11种:隐藏下边框的表格、隐藏上边框的表格、隐藏左边框的表格、隐藏右边框的表格、隐藏左右边框的表格、隐藏上下边框的表格、只显示上边框的表格、只显示下边框的表格、只显示左边框的表格、只显示右边框的表格、无边框的表格。具体样式及代码如下:
序号 样式 代码
001
隐藏下边框
002
隐藏上边框
003
隐藏左边框
004
隐藏右边框
005
隐藏左右边框
006
隐藏上下边框
007
只显示上边框
008
只显示下边框
009
只显示左边框
010
只显示右边框
011
不显示任何边框
三、不同结构的表格样式
表格按其结构不同可分为:单行单列表格、一行多列表格、一列多行表格、多行多列表格、合并列的表格、合并行的表格、复杂表格、隐藏横向分隔线表格、隐藏纵向分隔线表格、隐藏纵横分隔线表格等十种。具体样式及代码如下:
序号 样式 代码
001
单行单列
002
一行多列
一行多列
一行多列
003
一列多行
一列多行
一列多行
004
多行多列
多行多列
多行多列
多行多列
多行多列
多行多列
多行多列
多行多列
多行多列
005
合并列的表格
合并列的表格
合并列的表格
合并列的表格
合并列的表格
合并列的表格
合并列的表格
006
合并行的表格
合并行的表格
合并行的表格
合并行的表格
合并行的表格
合并行的表格
合并行的表格
007
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
008
隐藏 横向 分隔线
隐藏 横向 分隔线
隐藏 横向 分隔线
009
隐藏 纵向 分隔线
隐藏 纵向 分隔线
隐藏 纵向 分隔线
010
隐藏 纵横 分隔线
隐藏 纵横 分隔线
隐藏 纵横 分隔线
四、带标题的表格样式
带标题的表格大致有四种:标题位于表体外的表格、标题位于表体内的表格、标题位于边框上的表格、表中表效果表格。其中后两种表格若改变其属性(如边框颜色、边框样式、加背景颜色等),则表格的边框将由圆角矩形变为直角矩形。具体样式及代码如下:
序号 样式 代码
001
标题 文本内容——标题位于表体外的表格
002
标题
文本内容——标题位于表体内的表格
003
标题 文本内容——标题位于边框上的表格
004
表中表 文本内容——表中表效果
附:表格常用属性
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定义合并表格的行数,属性值是数字。
(转自执着的博客)
查看更多精彩请点这里
我的更多文章:
博客制作初级篇(2010-12-31 18:50:48)一夜红de十大草根美女(2010-12-29 19:16:36)最新人景透明FLASH集锦(100个)(2010-12-29 13:45:48)【音画欣赏】梵音仙境美女(2010-12-14 16:52:02)清纯赤雪的性感突破写真(2010-12-14 10:41:29)精美动态蝴蝶日志边框(8)(2010-12-13 10:32:50)漂亮荷花欣赏(2010-12-11 13:27:18)闪光灯透明FLASH代码(2010-12-11 13:07:38)动态美女黑色背景集锦(下)(2010-12-10 16:19:55)带背景的日志边框汇总(附使用方法)(2010-12-10 08:56:07)
分享
1
顶
阅读(159)┊评论 (1)┊收藏(6) ┊转载(11) ┊顶▼ ┊打印┊举报
已投稿到:排行榜圈子(精)
转载列表:
转载 转载是分享博文的一种常用方式...
前一篇:[精品]博客制作初级篇
后一篇:[精品]让您的博客更美更炫
评论重要提示:警惕虚假中奖信息 分享自家的过年习俗 关注每日最热门博客
[发评论]
小柏2011-01-01 08:27:27 [举报]
看望朋友!感谢朋友这一年多来为我们奉献的精美制作素材!
新年的第一天,我把祝福送你!祝你新的一年健健康康、快快乐乐!也祝你的日子红红火火!越过越富裕!
博主回复:2011-01-01 09:19:01
心到!想到!接到!看到!闻到!吃到!福到!运到!财到!春节还没到,愿我的祝福第一个到,提前祝你春节快乐!
发评论看看博客里过年的新鲜事儿 关注每日最热门博客
永生道人:
更多>>
登录名: 密码:找回密码注册 记住登录状态
昵 称:
验证码:收听验证码',1)">
评论并转载此博文
发评论 以上网友发言只代表其个人观点,不代表新浪网的观点或立场。
< 前一篇[精品]博客制作初级篇
后一篇 >[精品]让您的博客更美更炫
',2)">
新浪BLOG意见反馈留言板不良信息反馈 电话:4006900000 提示音后按1键(按当地市话标准计费) 欢迎批评指正
新浪简介 |About Sina |广告服务 |联系我们 |招聘信息 |网站律师 |SINA English |会员注册 |产品答疑
Copyright © 1996 - 2011 SINA Corporation, All Rights Reserved
新浪公司版权所有
标签:实用表格样式
博客代码大全
博客美化宝典
博客装饰
周红青
博客素材
杂谈
分类:◆博客美化教程◆
实用表格样式汇集
序号 样式 代码
001
单实线边框表格
单实线边框表格 |
002
虚线边框表格
虚线边框表格 |
003
点线边框表格
点线边框表格 |
004
双实线边框表格
双实线边框表格 |
005
槽线边框表格
槽线边框表格 |
006
脊线边框表格
脊线边框表格 |
007
内凹效果边框
内凹效果边框 |
008
外凸效果边框
外凸效果边框 |
009
内虚外实边框
内虚外实边框 |
010
外虚内实边框
外虚内实边框 |
011
无边框表格
无边框表格 |
二、不完整边框的表格样式
不完整边框的表格可分为11种:隐藏下边框的表格、隐藏上边框的表格、隐藏左边框的表格、隐藏右边框的表格、隐藏左右边框的表格、隐藏上下边框的表格、只显示上边框的表格、只显示下边框的表格、只显示左边框的表格、只显示右边框的表格、无边框的表格。具体样式及代码如下:
序号 样式 代码
001
隐藏下边框
隐藏下边框 |
002
隐藏上边框
隐藏上边框 |
003
隐藏左边框
隐藏左边框 |
004
隐藏右边框
隐藏右边框 |
005
隐藏左右边框
隐藏左右边框 |
006
隐藏上下边框
隐藏上下边框 |
007
只显示上边框
只显示上边框 |
008
只显示下边框
只显示下边框 |
009
只显示左边框
只显示左边框 |
010
只显示右边框
只显示右边框 |
011
不显示任何边框
不显示任何边框 |
三、不同结构的表格样式
表格按其结构不同可分为:单行单列表格、一行多列表格、一列多行表格、多行多列表格、合并列的表格、合并行的表格、复杂表格、隐藏横向分隔线表格、隐藏纵向分隔线表格、隐藏纵横分隔线表格等十种。具体样式及代码如下:
序号 样式 代码
001
单行单列
单行单列 |
002
一行多列
一行多列
一行多列
一行多列 | 一行多列 | 一行多列 |
003
一列多行
一列多行
一列多行
一列多行 |
一列多行 |
一列多行 |
004
多行多列
多行多列
多行多列
多行多列
多行多列
多行多列
多行多列
多行多列
多行多列
多行多列 | 多行多列 | 多行多列 |
多行多列 | 多行多列 | 多行多列 |
多行多列 | 多行多列 | 多行多列 |
005
合并列的表格
合并列的表格
合并列的表格
合并列的表格
合并列的表格
合并列的表格
合并列的表格
合并列的表格 | ||
合并列的表格 | 合并列的表格 | 合并列的表格 |
合并列的表格 | 合并列的表格 | 合并列的表格 |
006
合并行的表格
合并行的表格
合并行的表格
合并行的表格
合并行的表格
合并行的表格
合并行的表格
合并行的表格 | 合并行的表格 | 合并行的表格 |
合并行的表格 | 合并行的表格 | |
合并行的表格 | 合并行的表格 |
007
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格
复杂表格 | 复杂表格 | 复杂表格 | ||
复杂表格 | 复杂表格 | 复杂表格 | 复杂表格 | 复杂表格 |
复杂表格 | 复杂表格 | 复杂表格 | ||
复杂表格 | 复杂表格 | 复杂表格 | ||
复杂表格 | 复杂表格 |
008
隐藏 横向 分隔线
隐藏 横向 分隔线
隐藏 横向 分隔线
隐藏 | 横向 | 分隔线 |
隐藏 | 横向 | 分隔线 |
隐藏 | 横向 | 分隔线 |
009
隐藏 纵向 分隔线
隐藏 纵向 分隔线
隐藏 纵向 分隔线
隐藏 | 纵向 | 分隔线 |
隐藏 | 纵向 | 分隔线 |
隐藏 | 纵向 | 分隔线 |
010
隐藏 纵横 分隔线
隐藏 纵横 分隔线
隐藏 纵横 分隔线
隐藏 | 纵横 | 分隔线 |
隐藏 | 纵横 | 分隔线 |
隐藏 | 纵横 | 分隔线 |
四、带标题的表格样式
带标题的表格大致有四种:标题位于表体外的表格、标题位于表体内的表格、标题位于边框上的表格、表中表效果表格。其中后两种表格若改变其属性(如边框颜色、边框样式、加背景颜色等),则表格的边框将由圆角矩形变为直角矩形。具体样式及代码如下:
序号 样式 代码
001
标题 文本内容——标题位于表体外的表格
文本内容——标题位于表体外的表格 |
002
标题
文本内容——标题位于表体内的表格
标题 |
文本内容——标题位于表体内的表格 |
003
标题 文本内容——标题位于边框上的表格
004
表中表 文本内容——表中表效果
附:表格常用属性
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定义合并表格的行数,属性值是数字。
(转自执着的博客)
查看更多精彩请点这里
我的更多文章:
博客制作初级篇(2010-12-31 18:50:48)一夜红de十大草根美女(2010-12-29 19:16:36)最新人景透明FLASH集锦(100个)(2010-12-29 13:45:48)【音画欣赏】梵音仙境美女(2010-12-14 16:52:02)清纯赤雪的性感突破写真(2010-12-14 10:41:29)精美动态蝴蝶日志边框(8)(2010-12-13 10:32:50)漂亮荷花欣赏(2010-12-11 13:27:18)闪光灯透明FLASH代码(2010-12-11 13:07:38)动态美女黑色背景集锦(下)(2010-12-10 16:19:55)带背景的日志边框汇总(附使用方法)(2010-12-10 08:56:07)
分享
1
顶
阅读(159)┊评论 (1)┊收藏(6) ┊转载(11) ┊顶▼ ┊打印┊举报
已投稿到:排行榜圈子(精)
转载列表:
转载 转载是分享博文的一种常用方式...
前一篇:[精品]博客制作初级篇
后一篇:[精品]让您的博客更美更炫
评论重要提示:警惕虚假中奖信息 分享自家的过年习俗 关注每日最热门博客
[发评论]
小柏2011-01-01 08:27:27 [举报]
看望朋友!感谢朋友这一年多来为我们奉献的精美制作素材!
新年的第一天,我把祝福送你!祝你新的一年健健康康、快快乐乐!也祝你的日子红红火火!越过越富裕!
博主回复:2011-01-01 09:19:01
心到!想到!接到!看到!闻到!吃到!福到!运到!财到!春节还没到,愿我的祝福第一个到,提前祝你春节快乐!
发评论看看博客里过年的新鲜事儿 关注每日最热门博客
永生道人:
更多>>
登录名: 密码:找回密码注册 记住登录状态
昵 称:
验证码:收听验证码',1)">
评论并转载此博文
发评论 以上网友发言只代表其个人观点,不代表新浪网的观点或立场。
< 前一篇[精品]博客制作初级篇
后一篇 >[精品]让您的博客更美更炫
',2)">
新浪BLOG意见反馈留言板不良信息反馈 电话:4006900000 提示音后按1键(按当地市话标准计费) 欢迎批评指正
新浪简介 |About Sina |广告服务 |联系我们 |招聘信息 |网站律师 |SINA English |会员注册 |产品答疑
Copyright © 1996 - 2011 SINA Corporation, All Rights Reserved
新浪公司版权所有
实用表格样式汇集
实用表格样式与代码汇总
表格的高级样式
表格制作的高级样式
不同结构的表格样式
表格的高级样式[无名表格、虚线表格]制作分解
表格的高级样式 (博客知识)
网易博客技巧(表格的高级样式)
★不同结构的表格样式★
【实用模块】外框式表格
几款表格样式 << HTML经典样式 << 技术专栏 | 九洲网络 欢迎您
教你做实用表格
在线实用查询模块代码(四款样式)
在线实用查询模块代码(四款样式)
网易博客技巧(表格的高级样式) - 谜的日志 - 网易博客
HTML表格标记教程(12):边框样式属性FRAME-HTML/Xhtml-网页制作-网页...
经典实用的Excel表格19招
[转] 教你做表格,很实用
实用:WINDOWS XP注册表技巧应用汇集
实用生活小常识大汇集0
实用生活小常识大汇集2
实用生活小常识大汇集
实用生活小常识大汇集 -
万部资料汇集库<超实用>