表格边框代码
来源:百度文库 编辑:神马文学网 时间:2024/04/29 07:09:04
来源>周三博
表格边框代码应用(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>
说明:
更换代码中的图片地址,或相关属性的数值,
可得到风格、色彩各异的日志边框。
表格应用实例(四)
文 字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文 字
说明:
日志边框和表格分别以同样的图片作背景(黑色星空)。
表格应用实例(五)
文 字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文 字
表格边框代码应用(1)
表格应用实例(一)
一、单列表格:
代码:
文字 |
文字 |
文字 |
效果:
文字
文字
文字
二、双列表格:
代码:
文字 | 文字 |
文字 | 文字 |
文字 | 文字 |
效果:
文字
文字
文字
文字
文字
文字
三、四列表格:
代码:
文字 | 文字 | 文字 | 文字 |
文字 | 文字 | 文字 | 文字 |
文字 | 文字 | 文字 | 文字 |
效果:
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
四、首行合并,以下两列:
代码:
文字 | |
文字 | 文字 |
文字 | 文字 |
效果:
文字
文字
文字
文字
文字
五、首行合并,以下三列:
代码:
文字 | ||
文字 | 文字 | 文字 |
文字 | 文字 | 文字 |
效果:
文字
文字
文字
文字
文字
文字
文字
表格边框代码应用(5)
表格应用实例(二)
当表格中只有一个单元格时,它实际就是一个日志边框。
一、颜色边框:
1、单色边框、透明背景、固定宽度的边框:
代码:
日志内容 |
效果:
日志内容
说明:边框的高度可随日志内容进行调整。
2、阴影边框、颜色背景、固定宽度的边框:
代码:
日志内容 |
效果:
日志内容
3、双色边框、颜色背景、固定宽度的边框:
代码:
日志内容 |
效果:
日志内容
说明:
width=100%,表示边框的宽度为最大化。
二、图片边框:
1、图片边框、颜色背景、固定宽度的边框:
代码:
|
效果:
日志内容
2、单层图片边框、颜色细框、颜色背景、最大化宽度的边框:
代码:
|
效果:
日志内容
说明: width=100%,表示边框的宽度为最大化。
3、多层图片边框、颜色细框、图片背景、固定宽度的边框:
代码:
|
效果:
日志内容
表格边框代码应用(6)
表格应用实例(三)
代 码
|
说明:
更换代码中的图片地址,或相关属性的数值,
可得到风格、色彩各异的日志边框。
表格应用实例(四)
文 字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文 字
说明:
日志边框和表格分别以同样的图片作背景(黑色星空)。
表格应用实例(五)
文 字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文字
文 字