螺钿用什么打磨:【学习表格边框代码应用】(1) - 燕儿的日志 - 网易博客
来源:百度文库 编辑:九乡新闻网 时间:2024/10/02 17:53:31
【学习表格边框代码应用】(1)
☆表格代码☆ 2010-08-02 23:02:18 阅读2 评论0 字号:大中小
本文引用自金钥匙《【学习表格边框代码应用】(1)》
金钥匙
.
表格边框代码应用(1)
表格应用实例(一)
一、单列表格:
代码:
width=600 align=center border=3>
效果:
文字
文字
文字
二、双列表格:
代码:
width=600 align=center border=3>
效果:
文字
文字
文字
文字
文字
文字
三、四列表格:
代码:
width=600 align=center border=3>
效果:
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
四、首行合并,以下两列:
代码:
width=600 align=center border=3>
效果:
文字
文字
文字
文字
文字
五、首行合并,以下三列:
代码:
width=600 align=center border=3>
效果:
文字
文字
文字
文字
文字
文字
文字
表格边框代码应用(5)
表格应用实例(二)
当表格中只有一个单元格时,它实际就是一个日志边框。
一、颜色边框:
1、单色边框、透明背景、固定宽度的边框:
代码:
width=600 align=center border=10>
效果:
日志内容
说明:边框的高度可随日志内容进行调整。
2、阴影边框、颜色背景、固定宽度的边框:
代码:
cellPadding=5 width=600 align=center
效果:
日志内容
3、双色边框、颜色背景、固定宽度的边框:
代码:
width=600 align=center bgColor=#660000 border=10>
效果:
日志内容
说明:标签中多了一个“borderColor=#ffffff”,表示内框线颜色。
width=100%,表示边框的宽度为最大化。
二、图片边框:
1、图片边框、颜色背景、固定宽度的边框:
代码:
background=图片地址>
效果:
日志内容
2、单层图片边框、颜色细框、颜色背景、最大化宽度的边框:
代码:
background=图片地址 border=2>
效果:
日志内容
说明: width=100%,表示边框的宽度为最大化。
3、多层图片边框、颜色细框、图片背景、固定宽度的边框:
代码:
width=600 align=center background=图片地址 border=1>
效果:
日志内容
表格边框代码应用(6)
表格应用实例(三)
代 码
width=650 align=center background=图片地址 border=1>
说明:
更换代码中的图片地址,或相关属性的数值,
可得到风格、色彩各异的日志边框。
表格应用实例(四)
文 字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文 字
说明:
日志边框和表格分别以同样的图片作背景(黑色星空)。
表格应用实例(五)
文 字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文 字
☆表格代码☆ 2010-08-02 23:02:18 阅读2 评论0 字号:大中小
本文引用自金钥匙《【学习表格边框代码应用】(1)》
金钥匙
.
表格边框代码应用(1)
表格应用实例(一)
一、单列表格:
代码:
文字 |
文字 |
文字 |
效果:
文字
文字
文字
二、双列表格:
代码:
文字 | 文字 |
文字 | 文字 |
文字 | 文字 |
效果:
文字
文字
文字
文字
文字
文字
三、四列表格:
代码:
文字 | 文字 | 文字 | 文字 |
文字 | 文字 | 文字 | 文字 |
文字 | 文字 | 文字 | 文字 |
效果:
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
四、首行合并,以下两列:
代码:
文字 | |
文字 | 文字 |
文字 | 文字 |
效果:
文字
文字
文字
文字
文字
五、首行合并,以下三列:
代码:
文字 | ||
文字 | 文字 | 文字 |
文字 | 文字 | 文字 |
效果:
文字
文字
文字
文字
文字
文字
文字
表格边框代码应用(5)
表格应用实例(二)
当表格中只有一个单元格时,它实际就是一个日志边框。
一、颜色边框:
1、单色边框、透明背景、固定宽度的边框:
代码:
日志内容 |
效果:
日志内容
说明:边框的高度可随日志内容进行调整。
2、阴影边框、颜色背景、固定宽度的边框:
代码:
日志内容 |
效果:
日志内容
3、双色边框、颜色背景、固定宽度的边框:
代码:
日志内容 |
效果:
日志内容
说明:
width=100%,表示边框的宽度为最大化。
二、图片边框:
1、图片边框、颜色背景、固定宽度的边框:
代码:
|
效果:
日志内容
2、单层图片边框、颜色细框、颜色背景、最大化宽度的边框:
代码:
|
效果:
日志内容
说明: width=100%,表示边框的宽度为最大化。
3、多层图片边框、颜色细框、图片背景、固定宽度的边框:
代码:
|
效果:
日志内容
表格边框代码应用(6)
表格应用实例(三)
代 码
|
说明:
更换代码中的图片地址,或相关属性的数值,
可得到风格、色彩各异的日志边框。
表格应用实例(四)
文 字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文 字
说明:
日志边框和表格分别以同样的图片作背景(黑色星空)。
表格应用实例(五)
文 字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文 字
【学习表格边框代码应用】(1) - 燕儿的日志 - 网易博客
【学习表格边框代码应用】(2) - 燕儿的日志 - 网易博客
【表格代码的结构】 - 燕儿的日志 - 网易博客
表格边框代码应用(四) - 无所谓的日志 - 网易博客
表格边框代码应用(三) - 无所谓的日志 - 网易博客
表格边框代码应用(二) - 无所谓的日志 - 网易博客
表格边框代码应用(一) - 无所谓的日志 - 网易博客
☆表格与分割文版代码 - 燕儿的日志 - 网易博客
【认识HTML语法之表格标签】 - 燕儿的日志 - 网易博客
☆普通表格樣式及代碼大全 - 燕儿的日志 - 网易博客
表格边框代码应用
表格边框代码应用
1)代码边框 - 淡淡的薄雾的日志 - 网易博客
表格边框代码应用(7)
表格边框代码应用(一)
表格边框代码应用(三)
表格边框代码应用(四)
表格边框代码应用(五)
表格边框代码应用2
代码边框2 - 淡淡的薄雾的日志 - 网易博客
表格的编制(代码) - 蓝波的日志 - 网易博客
学习笔记——表格设置(引自学习表格设置做图框 - 理睬的日志 - 网易博客)
学习表格设置做图框 - 理睬的日志 - 网易博客
精美边框代码与制作效果(三) - 雪鹰 的日志 - 网易博客
最新新闻 沃茨手表网
CSDN程序文档
上海旅游网 神马百科 程序博客
香蕉皮作业帮 景德镇新闻网 余姚信息网
作业帮作业网 互助问答吧 16楼社区
解题作业帮艺术百科亮点网神马百科
神马文学网
拍题作业网
UC知道
我爱散文网
北方网
科学网
第一文库网
微思作业网
我要文章网
都市新闻网西欧教育西山新闻网好楼房产信息网
九乡新闻网农企信息网仙女们写真照片音乐简谱网米粒芽学校大全网95后网站汝南网欧普网宝宝故事网
神马品牌网
杭州交通信息网/">
杭州市高中教育平台
查人人中国名人网
爱美之人
上车买票
安卓系统之家
中科新闻网
科学院研究所
高考快车
高考志愿帮
大学志愿大全
高校问答
高考问答
中考百科
大学知道
久游网