学习表格设置做图框 - 理睬的日志 - 网易博客

学习表格设置做图框

博客入门 2008-12-02 11:24:59 阅读652 评论13 字号：大中小

 

表格设置是代码贴图和制作个人主页的主要基础，表格设置标签属性内容有十多个，可以先从7个常用的学起，逐步提高。先看用表格做成的 一张图片，这张图片宽300，高200，蓝色边框，黄色背景，插入一段文字，内容与边框有一定的距离。

表格设置是代码贴图和制作个人主页的主要基础，表格设置标签属性内容有十多个，可以先从7个常用的学起，逐步提高。

代码：

<CENTER><BR> <TABLE border=10 borderColor=#0000ff cellSpacing=10 cellpadding=20 bgcolor=fff000 width=500 height=300> <TBODY><TR><TD> <font style=font:15pt face=黑体 color=0000ff> 表格设置是代码贴图和制作个人主页的主要基础， 表格设置标签属性内容有十多个，可以先从7个常用的学起，逐步提高。 </CENTER></font></TD></TR></TBODY></TABLE>

注解：

第一行是居中代码。

第二和第三行是表格的始标签，包括表格标签名和7个属性内容。

第四行是表格输入内容的行和列的始标签。（行和列构成一个单元格）

第五行是文字设直标签。

第六和第七行输入文字内容。

第八行是以上各个始标签的对应尾标签 。

表格设置标签属性内容说明：

TABLE＝标签名。　

border=10　表格边框的厚度及参数。

borderColor=#0000ff　边框颜色及颜色码。

cellSpacing=10 单元格间距及参数。

cellpadding=20　内容与格线的距离及参数。

bgcolor=fff000　表格的背景颜色及及颜色码。

width=400 表格宽度及参数。

height=300 表格高度及参数。

    表格宽度及表格高度的参数，可用绝对值，如300：也可用相对值，如“100%”。高度如果不是特殊需要时， 也可以不加入参数，系统会根据输入的内容自动延伸。

 

---

 

 

一张用颜色作背景的空白图框代码：

<CENTER> <TABLE border=10 borderColor=#0000ff cellSpacing=3 cellpadding=20 bgcolor=fff000 width=500 height=350> <TBODY> <TR> <TD> <br> <br> </CENTER></TD></TR></TBODY></TABLE>

显示结果：

一张用图片作背景的空白图框代码：

<TABLE border=10 borderColor=#0000ff cellSpacing=3 cellpadding=20 cellpadding=20 background=http://image7.360doc.com/DownloadImg/2010/03/1712/2575969_1.jpg width=500 height=350> <TBODY> <TR> <TD> <br> <br> </CENTER></TD></TR></TBODY></TABLE>

显示结果：

用颜色作背景和用图片作背景不同之处，只改变一个属性内容，即：

表格的背景颜色及颜色码。bgcolor=fff000

改为用图片作背景即：

background=http://image7.360doc.com/DownloadImg/2010/03/1712/2575969_1.jpg