watch手表多少钱:各种表格的制作代码(框)
来源:百度文库 编辑:中财网 时间:2024/07/04 06:35:03
【网易素材】 2010-12-05 21:21:24 阅读486 评论15 字号:大中小
各种表格的制作代码(框)
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_1.jpg)
一、简单表格制作
博客的制作中离不开表格,而网易现有的都是一些简单的表格,那么,那些不规范的表格是怎么制作的呢,很简单,这里整理了各式的表格代码,需要学习的朋友慢慢看,如果你想偷懒,直接复制你需要的款式就可以了,相信能让你得心应手。
【如果对网易博客代码还不懂的朋友,没关系,点击这里,只需要你一分钟的时间:☆一分钟博客必备常识】
一、简单表格制作
A、 首先我们来看一个最简单的表格:
代码:
结果:
1
利用这个标签来告诉电脑,这是一个表格,至于 BORDER=1 这参数是设定此表格的框线粗细为 1。一组
结果:
1 2 3
C 、看见没有, 没有增加, 却增加了二组。那如果要再加上一列呢?很简单,就像这样:
代码:
结果:
1 2 3
4 5 6
二、合并表格栏位
1、左右栏位合并:如何将 1、2、3 格通通合并变成一大格
代码:
结果:
1
4 5 6
COLSPAN="3",是“左右栏位合并”的属性,COLSPAN="3"的意思就是“这个栏位左右横跨了3个栏位”,也正因如此,本来的两个都可以省掉了,因为都被并掉了嘛!
2、上下栏位合并:如何上下合并,将 1、4格通通合并变成一大格
代码:
结果:
1 2 3
5 6
要合并栏位就一定有些栏位会被“牺牲”掉(也就是那些被合并的栏位啦!),这次我们要“上下合并”,我们将1与4合并成一个栏位,那么被牺牲的是哪一个栏位呢?没错就是下面那一个倒楣的4,我们看看上图,果然4已经删掉了,而在1的 标签中则多了个生面孔ROWSPAN,这就是“上下栏位合并”的属性,ROWSPAN=2的意思就是“这个栏位上下连跨了2个栏位”。
三、表格对齐设置
1、我可以自己设定表格的大小吗?当然可以,您可以自由设定表格的“宽”及“高”喔!我们来制作一个宽100、高60的表格,做法如下:
代码:
结果:
1
2、只要在 加入 ALIGN=CENTER 这参数,让1 回到中间
代码:
结果:
1
此外,利用 ALIGN=RIGHT可以让表格中物件置右、利用 ALIGN=LEFT可以让表格中物件置左(预设值),至于为什么要加在 中呢?因为, 是一个栏位的意思,我们要指定在这栏位中的东西要置中或置左置右,就必须将ALIGN加在 中。
3、既然可以置中,那么也可以控制表格内文字靠上方、靠下方吗?可以的,只要利用 VALIGN=TOP 这种属性即可让表格内物件靠上方对齐。
代码:
结果:
1
利用VALIGN=MIDDLE可以让表格中物件垂直置中(预设值),VALIGN=BOTTOM可以H让表格中物件靠下方。
四、表格背景设置
1、那么表格可以设定底色吗?可以的不但表格可以,您也可以指定某栏或某列的颜色,方法和加背景颜色一样,利用BGCOLOR="颜色码"就行了。底下是指定整格表格背景颜色的方法:
代码:
结果:
1 2
3 4
将BGCOLOR="颜色码"加在 中,可以指定“一列”的背景颜色:
代码:
结果:
1 2
3 4
将BGCOLOR="颜色码"加在中,可以指定“一栏”的背景颜色:
代码:
结果:
1 2
3 4
2、表格除了可以设定底色外,也可以用图片来作背景吗?当然可以,方法一样简单,只要将BACKGROUND="图片名称"加到表格中就行了。和表格背景颜色一样,不但表格可以设定背景图片,您也可以指定某栏或某列的背景图片:
代码:
结果:
1 2
3 4
将BACKGROUND="图片名称"加在 中,可以指定“一栏”的背景颜色:
代码:
结果:
1 2
3 4
五、 表格框线设置
1、如何设定表格粗细?只要利用BORDER="粗细值"就行了。
代码:
结果:
1
2、如何设定表格颜色?只要利用BORDERCOLOR="颜色码"就行了
代码:
结果:
1
3、另外,我们也可以设定表格的阴影、亮面颜色,让表格看起来更有立体感喔!只要利用 BORDERCOLORLIGHT="#颜色码"(亮面设定) BORDERCOLORDARK="颜色码"(暗面设定)就行了。
代码:
结果:
1
六、表格栏距设置
1、我们可以利用CELLPADDING属性自由设定表格内文距离格线的距离,这个属性很好用,保持适当的距离,看起来比较舒服。一般而言内定值为2,不过我建议设定为4比较漂亮。
代码:
结果:
1 2
2、我们可以利用CELLSPACING属性设定表格栏位格线之间的距离。一般而言内定值为2,不过我通常习惯设为 0 。
代码:
结果:
1 2
七,表格的立体化
1 2
3 4
喜欢这样的表格吧,你只要在做好的表格前面添加下方蓝色部分的代码,就可以演变出漂亮的立体格式了。
代码:
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_1.jpg)
*百万书库**百万图库**百万音乐**百万素材**精华收藏**立地书橱**英语拼音**百家讲坛**首页书橱**百科常识**娱乐休闲**网易制作**星座花语**你的最爱**香儿涂鸦* *有声读物**期刊杂志**影视精品**抽筋笑话**书法长廊**历代名画**红楼图集**风光典藏**主题汇总*
5人 | 分享到:
阅读(486)| 评论(15)| 引用(55) |举报
万紫千红人间雅韵⑸
50首欧美金曲 无限默契柔情⑶
历史上的今天
《在那遥远的地方》橄榄树乐队2009-12-05 13:41:16
周末影院:《蜗居》全集2009-12-05 13:28:29
周末遊戲:美女槍戰2009-12-05 11:02:55
《老子》与百姓生活 2009-12-05 10:34:10
电子图书下载专集:文学系列全集2009-12-05 10:12:12
相关文章
最近读者
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_3.png)
登录后,您可以在此留下足迹。
3zh2008
止水
辽阔大海
牛哥
月亮①班
一炮手
Susanna
小刀
评论
登录并添加博主为博友、通过对方确认后可以发表评论,请先登录。登录>>
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_12)
12-07 09:02风雪彩虹
感觉很复杂看不懂
回复
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_13)
12-07 06:41滔滔
哎,可惜我看不懂![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_14.gif)
回复
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_15)
12-07 03:22joe700
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_16.gif)
回复
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_17)
12-06 18:32朱润泽135792468@126
收藏了,祝愿幸福快乐健康永远伴随你!
回复
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_18)
12-06 11:52蓝色的跳跃
毛泽东是中国的“神”。人人都得爱毛泽东。外国人同样爱“神”,他们爱耶稣!爱安拉! 耶稣和安拉都...
回复
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_19)
12-06 11:28清风蝶舞
好东东,收藏了,谢谢![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_20.gif)
回复
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_21)
12-06 11:11良倩
谢谢!简单,明了,收藏!![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_22.gif)
回复
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_23)
12-06 10:57寒胭
是导航、引路的好日志
回复
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_24)
12-06 10:43谷峰
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_16.gif)
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_22.gif)
回复
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_25)
12-06 10:28新语
好,对初学者实用
回复
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_25)
12-06 10:19新语
老师您作表格对我初学很实用,谢谢![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_22.gif)
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_26.gif)
回复
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_27)
12-06 06:57画家老柳
学习引用了,谢谢老师![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_22.gif)
回复
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_28)
12-05 22:50轻轻
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_16.gif)
回复
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_29)
12-05 21:23苦中求乐
晚上好!拜读佳作,看望朋友,祝君幸福!![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_30.gif)
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_22.gif)
回复
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_31)
12-05 22:05老兵 回复 苦中求乐
呵呵,晚上好
回复
上一页 1... -1-1-1-1-1-1-1... -1下一页
页脚
公司简介 -联系方法 -招聘信息 -客户服务 -相关法律 -博客风格 -手机博客-
网易公司版权所有 ©1997-2010
各种表格的制作代码(框)
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_1.jpg)
一、简单表格制作
博客的制作中离不开表格,而网易现有的都是一些简单的表格,那么,那些不规范的表格是怎么制作的呢,很简单,这里整理了各式的表格代码,需要学习的朋友慢慢看,如果你想偷懒,直接复制你需要的款式就可以了,相信能让你得心应手。
【如果对网易博客代码还不懂的朋友,没关系,点击这里,只需要你一分钟的时间:☆一分钟博客必备常识】
一、简单表格制作
A、 首先我们来看一个最简单的表格:
代码:
1 |
结果:
1
利用
则是设定一个栏位。当然,文字就是要摆在这里面就是“1”的位置 | ||||||||||||||||||||||||||||
1 | 2 | 3 |
结果:
1 2 3
C 、看见没有,
代码:
1 | 2 | 3 |
4 | 5 | 6 |
结果:
1 2 3
4 5 6
二、合并表格栏位
1、左右栏位合并:如何将 1、2、3 格通通合并变成一大格
代码:
1 | ||
4 | 5 | 6 |
结果:
1
4 5 6
COLSPAN="3",是“左右栏位合并”的属性,COLSPAN="3"的意思就是“这个栏位左右横跨了3个栏位”,也正因如此,本来的两个
2、上下栏位合并:如何上下合并,将 1、4格通通合并变成一大格
代码:
1 | 2 | 3 |
5 | 6 |
结果:
1 2 3
5 6
要合并栏位就一定有些栏位会被“牺牲”掉(也就是那些被合并的栏位啦!),这次我们要“上下合并”,我们将1与4合并成一个栏位,那么被牺牲的是哪一个栏位呢?没错就是下面那一个倒楣的4,我们看看上图,果然4已经删掉了,而在1的
三、表格对齐设置
1、我可以自己设定表格的大小吗?当然可以,您可以自由设定表格的“宽”及“高”喔!我们来制作一个宽100、高60的表格,做法如下:
代码:
1 |
结果:
1
2、只要在
代码:
1 |
结果:
1
此外,利用 ALIGN=RIGHT可以让表格中物件置右、利用 ALIGN=LEFT可以让表格中物件置左(预设值),至于为什么要加在
3、既然可以置中,那么也可以控制表格内文字靠上方、靠下方吗?可以的,只要利用 VALIGN=TOP 这种属性即可让表格内物件靠上方对齐。
代码:
1 |
结果:
1
利用VALIGN=MIDDLE可以让表格中物件垂直置中(预设值),VALIGN=BOTTOM可以H让表格中物件靠下方。
四、表格背景设置
1、那么表格可以设定底色吗?可以的不但表格可以,您也可以指定某栏或某列的颜色,方法和加背景颜色一样,利用BGCOLOR="颜色码"就行了。底下是指定整格表格背景颜色的方法:
代码:
1 | 2 |
3 | 4 |
结果:
1 2
3 4
将BGCOLOR="颜色码"加在
代码:
1 | 2 |
3 | 4 |
结果:
1 2
3 4
将BGCOLOR="颜色码"加在
代码:
1 | 2 |
3 | 4 |
结果:
1 2
3 4
2、表格除了可以设定底色外,也可以用图片来作背景吗?当然可以,方法一样简单,只要将BACKGROUND="图片名称"加到表格中就行了。和表格背景颜色一样,不但表格可以设定背景图片,您也可以指定某栏或某列的背景图片:
代码:
1 | 2 |
3 | 4 |
结果:
1 2
3 4
将BACKGROUND="图片名称"加在
代码:
1 | 2 |
3 | 4 |
结果:
1 2
3 4
五、 表格框线设置
1、如何设定表格粗细?只要利用BORDER="粗细值"就行了。
代码:
1 |
结果:
1
2、如何设定表格颜色?只要利用BORDERCOLOR="颜色码"就行了
代码:
1 |
结果:
1
3、另外,我们也可以设定表格的阴影、亮面颜色,让表格看起来更有立体感喔!只要利用 BORDERCOLORLIGHT="#颜色码"(亮面设定) BORDERCOLORDARK="颜色码"(暗面设定)就行了。
代码:
1 |
结果:
1
六、表格栏距设置
1、我们可以利用CELLPADDING属性自由设定表格内文距离格线的距离,这个属性很好用,保持适当的距离,看起来比较舒服。一般而言内定值为2,不过我建议设定为4比较漂亮。
代码:
1 | 2 |
结果:
1 2
2、我们可以利用CELLSPACING属性设定表格栏位格线之间的距离。一般而言内定值为2,不过我通常习惯设为 0 。
代码:
1 | 2 |
结果:
1 2
七,表格的立体化
1 2
3 4
喜欢这样的表格吧,你只要在做好的表格前面添加下方蓝色部分的代码,就可以演变出漂亮的立体格式了。
代码:
1 | 2 |
3 | 4 |
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_1.jpg)
*百万书库**百万图库**百万音乐**百万素材**精华收藏**立地书橱**英语拼音**百家讲坛**首页书橱**百科常识**娱乐休闲**网易制作**星座花语**你的最爱**香儿涂鸦* *有声读物**期刊杂志**影视精品**抽筋笑话**书法长廊**历代名画**红楼图集**风光典藏**主题汇总*
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_2.png)
阅读(486)| 评论(15)| 引用(55) |举报
万紫千红人间雅韵⑸
50首欧美金曲 无限默契柔情⑶
历史上的今天
《在那遥远的地方》橄榄树乐队2009-12-05 13:41:16
周末影院:《蜗居》全集2009-12-05 13:28:29
周末遊戲:美女槍戰2009-12-05 11:02:55
《老子》与百姓生活 2009-12-05 10:34:10
电子图书下载专集:文学系列全集2009-12-05 10:12:12
相关文章
最近读者
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_3.png)
登录后,您可以在此留下足迹。
评论
登录并添加博主为博友、通过对方确认后可以发表评论,请先登录。登录>>
12-07 09:02风雪彩虹
感觉很复杂看不懂
回复
12-07 06:41滔滔
哎,可惜我看不懂
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_14.gif)
回复
12-07 03:22joe700
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_16.gif)
回复
12-06 18:32朱润泽135792468@126
收藏了,祝愿幸福快乐健康永远伴随你!
回复
12-06 11:52蓝色的跳跃
毛泽东是中国的“神”。人人都得爱毛泽东。外国人同样爱“神”,他们爱耶稣!爱安拉! 耶稣和安拉都...
回复
12-06 11:28清风蝶舞
好东东,收藏了,谢谢
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_20.gif)
回复
12-06 11:11良倩
谢谢!简单,明了,收藏!
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_22.gif)
回复
12-06 10:57寒胭
是导航、引路的好日志
回复
12-06 10:43谷峰
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_16.gif)
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_22.gif)
回复
12-06 10:28新语
好,对初学者实用
回复
12-06 10:19新语
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_22.gif)
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_22.gif)
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_26.gif)
回复
12-06 06:57画家老柳
学习引用了,谢谢老师
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_22.gif)
回复
12-05 22:50轻轻
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_16.gif)
回复
12-05 21:23苦中求乐
晚上好!拜读佳作,看望朋友,祝君幸福!
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_30.gif)
![](http://image18.360doc.cn/DownloadImg/2010/12/0916/7502979_22.gif)
回复
12-05 22:05老兵 回复 苦中求乐
呵呵,晚上好
回复
上一页 1... -1-1-1-1-1-1-1... -1下一页
页脚
公司简介 -联系方法 -招聘信息 -客户服务 -相关法律 -博客风格 -手机博客-
网易公司版权所有 ©1997-2010
表格制作的技巧
仓库表格的制作
css的各种代码
采用三种不同的代码方法制作细边框线的表格网页
各种料理的制作
现在各种制作网页的软件工作非常全 而且功能强大 代码还有必要吗
关于制作表格的问题
word制作表格的问题~
谁有制作空间QQ的QQ群?可以教教我用代码制作空间里的各种东西!
各种纸板的英文代码
求各种搜索引擎的代码
制作表格
制作表格
各种砂轮的制作技术
游戏制作的各种问题
QQ的制作代码
网页制作的代码?
网页制作的代码?
企业邮箱的制作代码
关于表格行数的javascript代码
加入代码表格撑开的问题?
布鲁马留言本表格半透明的代码
哪个表格软件可以制作这样的表格?
方正飞腾,制作表格时怎样排表格的序?
最新新闻 沃茨手表网
CSDN程序文档
上海旅游网 神马百科 程序博客
香蕉皮作业帮 景德镇新闻网 余姚信息网
作业帮作业网 互助问答吧 16楼社区
解题作业帮艺术百科亮点网神马百科
神马文学网
拍题作业网
UC知道
我爱散文网
北方网
科学网
第一文库网
微思作业网
我要文章网
都市新闻网西欧教育西山新闻网好楼房产信息网
九乡新闻网农企信息网仙女们写真照片音乐简谱网米粒芽学校大全网95后网站汝南网欧普网宝宝故事网
神马品牌网
杭州交通信息网/">
杭州市高中教育平台
查人人中国名人网
爱美之人
上车买票
安卓系统之家
中科新闻网
科学院研究所
高考快车
高考志愿帮
大学志愿大全
高校问答
高考问答
中考百科
大学知道
久游网