小灶:html
- 给table 增加了一个margin-left 参数,见绿圈内,因为文学城页面宽度限制,所以你的table必须偏左一些,
- 把table宽度增加到980,因为外链图片会被压缩到960, 这样两侧留边,你以前宽度是960图片不留边
- 你可根据不同图片尺寸,随意调整cellpadding(左右位置), cellspacing(图片间距),等参数
<table bgcolor="#7A7777" border="1" cellpadding="10" cellspacing="6" style="margin-left:-18px;" width="980">
<tbody>
<tr>
<td><br />
<div style="text-align: center;"><br />
<div style="text-align: center;"><br />
<div style="text-align: center;"><br />
<div style="text-align: center;"><br />
<div><br />
<div><span style="font-size:24px"><span style="color:#FFFFFF">the United States Air Force Band</span></span></div>
<p> </p>
<p> </p>
<div> </div>
<p> </p>
<p> </p>
<div><br />
<div><span style="color:#FFFFFF"> </span></div>
<p> </p>
<p> </p>
<div><span style="color:#FFFFFF"> </span></div>
<p> </p>
<p> </p>
<div><span style="color:#FFFFFF"><span style="color:#FFFFFF">* * * </span><span style="background-color:rgb(122, 119, 119); color:rgb(255, 255, 255); text-align:center">* * * </span> <span style="background-color:rgb(122, 119, 119); color:rgb(255, 255, 255); text-align:center">* * * </span></span></div>
<p> </p>
<p> </p>
<div><span style="color:#FFFFFF"> </span></div>
<p> </p>
<p> </p>
<div><span style="color:#FFFFFF"> </span></div>
<br />
</div>
<p> </p>
<p> </p>
<div> </div>
<p> </p>
<p> </p>
<div><span style="color:#FFFFFF"><span style="background-color:rgb(122, 119, 119); text-align:center">1</span></span></div>
<p> </p>
<p> </p>
<div> </div>
<p> </p>
<p> </p>
<div><img border="0" src="https://live.staticflickr.com/65535/54127887677_08de15caf1_b.jpg " /></div>
<p> </p>
<p> </p>
<div> </div>
<p> </p>
<p> </p>
<div> </div>
<p> </p>
<p> </p>
<div><span style="color:#FFFFFF">2</span></div>
<p> </p>
<p> </p>
<div> </div>
<p> </p>
<p> </p>
<div> </div>
<p> </p>
<p> </p>
<div><br />
<p><img border="0" src="https://live.staticflickr.com/65535/54129072544_daf2c34db8_b.jpg " /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<div><span style="background-color:rgb(122, 119, 119); color:rgb(255, 255, 255); text-align:center">3</span></div>
<p> </p>
<p> </p>
<p><img border="0" src=" https://live.staticflickr.com/65535/54129074004_105d04d44a_b.jpg " /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><span style="color:#FFFFFF">4</span></p>
<p> </p>
<p> </p>
<p><img border="0" src=" https://live.staticflickr.com/65535/54129182500_fa2045df1c_b.jpg " /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><span style="background-color:rgb(122, 119, 119); color:rgb(255, 255, 255); text-align:center">5</span></p>
<p> </p>
<p> </p>
<p><img border="0" src=" https://live.staticflickr.com/65535/54128727386_5257183187_b.jpg " /></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><span style="color:#FFFFFF">谢谢观赏,欢迎点评!</span></p>
<br />
</div>
<br />
</div>
<br />
</div>
<br />
</div>
<br />
</div>
<br />
</div>
<br />
</td>
</tr>
</tbody>
</table>
<p> </p>