方法一：使用传统的方法
<table width="400">
<tr>
<td width="100"></td>
<td width="100"></td>
<td width="100"></td>
<td width="100"></td>
</tr>
<table>
方法二：使用css
<style>
.td{width:100px}
</style>
<table width="400">
<tr>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
<td class="td"></td>
</tr>
<table>
接下来举个例子来运用着两个方法
<!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=utf-8" />
<title></title>
<style>
#a{
width:300px
}
</style>
</head>
<body>
<table>
<tr>
<td BGCOLOR="blue" WIDTH="300px"> I have a olive background </td>
<td BGCOLOR="yellow" WIDTH="100px"> I have a aqua background </td>
</tr>
</table>
<table>
<tr>
<td BGCOLOR="blue" id="a"> I have a olive background </td>
<td BGCOLOR="yellow" id="a"> I have a aqua background </td>
</tr>
</table>
</body>
</html>
出来的结果是：
在做项目过程中会用到导出功能，就是将HTML页面导出，生成为word文档，实际上就是导出table，会遇到某些图片超出整个word宽度的问题，怎么设置都不行，研究很久终于发现可以生效的css样式写法，如下，在行内对图片写样式：<img width="556" style="width:100%max-width:100%" />
其中：width=“556”是写给word里的table识别用的，style的内容是写给html页面识别的，这样写就能控制导出图片宽度
