在＜table＞、＜th＞、＜tr＞、＜td＞标记中，使用下面属性可以改变表格的背景和边框的颜色、添加背景图片，也可以为行和单元格改变颜色、添加背景图片。

bgcolor="颜色或颜色值"：设置背景颜色。

background=”图片文件名"：设置背景图片。

bordercolor="颜色"：设置表格边框的颜色。

bordercolorlight="颜色"：设置表格边框亮部的颜色。

rules="row"、"cols"或"none"：设置表内线的显示方法，none为无内线。

如果把属性放到＜table＞中，其作用范围为整个表格；如果把属性放到＜th＞中，则作用范围为整个行；如果把属性放到＜tr＞、＜td＞中，则作用范围为该单元格。

【例5-14】在表格中放置图片。

本例中先在D：\根目录下存放5张图片文件：tu1.jpg、tu2.jpg、tu3.jpg、tu4.jpg和tu5.jpg。

在编辑窗口输入下面的代码：

＜！--文件名：ex5-14.html--＞

＜！DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"＞

＜html xmlns="http://www.w3.org/1999/xhtml"＞

＜head＞＜meta http-equiv="Content-Type"content="text/html；charset=gb2312"/＞

＜title＞课程建设＜/title＞＜/head＞

＜body bgcolor="ivory"＞(www.daowen.com)

＜table　align="center"border="0"width="80%"＞

＜caption＞师资情况＜/caption＞

＜tr align="center"bgcolor="pink"＞＜th＞照片＜/th＞＜th＞姓名＜/th＞＜th＞年龄＜/th＞＜th＞职称＜/th＞＜th＞学历＜/th＞＜/tr＞

＜tr align="center"bgcolor="pink"＞＜td＞＜img src="D：\tu1.jpg"width="60"height="60"vspace="2"＞＜/td＞＜td＞杜刚＜/td＞＜td＞50＜/td＞＜td＞教授＜/td＞＜td＞博士＜/td＞＜/tr＞

＜tr align="center"bgcolor="pink"＞＜td＞＜img src="D：\tu2.jpg"width="60"height="60"vspace="2"＞＜/td＞＜td＞杨肖强＜/td＞＜td＞40＜/td＞＜td＞副教授＜/td＞＜td＞硕士＜/td＞＜/tr＞

＜tr align="center"bgcolor="pink"＞＜td＞＜img src="D：\tu3.jpg"width="60"height="60"vspace="2"＞＜/td＞＜td＞赵丽＜/td＞＜td＞30＜/td＞＜td＞讲师＜/td＞＜td＞硕士＜/td＞＜/tr＞

＜tr align="center"bgcolor="pink"＞＜td＞＜img src="D：\tu4.jpg"width="60"height="60"vspace="2"＞＜/td＞＜td＞吴平平＜/td＞＜td＞45＜/td＞＜td＞副教授＜/td＞＜td＞本科＜/td＞＜/tr＞

＜tr align="center"bgcolor="pink"＞＜td＞＜img src="D：\tu5.jpg"width="60"height="60"vspace="2"＞＜/td＞＜td＞万方＜/td＞＜td＞28＜/td＞＜td＞助教＜/td＞＜td＞本科＜/td＞＜/tr＞

＜/table＞＜br/＞

＜/body＞

＜/html＞

在浏览器中的显示效果如图5-14所示。

图5-14　在表格中放置图片