没有背景要求，上面的图片只是实例图片。最终的目的就是要按照图片上面那些文字样式排列出来。黑体字是类别名称，黑体字下面的是此类别下的产品名称。现在我这里是分成两个表，一个是记录类别，一个是记录类别下面的产品。
<div id="con_two_1" >
<!--标签开始-->
<table><tr><td>
<!--标签开始--><table width=260><tr><td><img src="images/arrow.png"><b>开关面板</b></td></tr><tr><td valign=top></td></tr></table><!--标签结束-->
</td><td>
<!--标签开始--><table width=260><tr><td><img src="images/arrow.png"><b>卫浴洁具</b></td></tr><tr><td valign=top><a href="Show.asp?id=89" target="_blank">箭牌卫浴</a> | <a href="Show.asp?id=95" target="_blank">科勒卫浴</a> | </td></tr></table><!--标签结束-->
</td><td>
<!--标签开始--><table width=260><tr><td><img src="images/arrow.png"><b>整体橱柜</b></td></tr><tr><td valign=top><a href="Show.asp?id=95" target="_blank">博雅贝德曼橱柜</a> | </td></tr></table><!--标签结束-->
</td></tr></table>
<table><tr><td>
<!--标签开始--><table width=260><tr><td><img src="images/arrow.png"><b>水槽、龙头、拉篮</b></td></tr><tr><td valign=top><a href="Show.asp?id=87" target="_blank">欧琳水槽</a> | <a href="Show.asp?id=88" target="_blank">墨林水槽</a> | </td></tr></table><!--标签结束-->
</td><td>
<!--标签开始--><table width=260><tr><td><img src="images/arrow.png"><b>油漆、壁纸</b></td></tr><tr><td valign=top><a href="Show.asp?id=77" target="_blank">华润漆</a> | <a href="Show.asp?id=93" target="_blank">目彩堂墙绘</a> | <a href="Show.asp?id=97" target="_blank">三棵树油漆</a> | </td></tr></table><!--标签结束-->
</td><td>
<!--标签开始--><table width=260><tr><td><img src="images/arrow.png"><b>吊顶</b></td></tr><tr><td valign=top><a href="Show.asp?id=100" target="_blank">奥普浴顶</a> | <a href="Show.asp?id=96" target="_blank">容声集成吊顶</a> | </td></tr></table><!--标签结束-->
</td></tr></table>
<table><tr><td>
<!--标签开始--><table width=260><tr><td><img src="images/arrow.png"><b>门、锁</b></td></tr><tr><td valign=top><a href="Show.asp?id=76" target="_blank">自然主义木门</a> | <a href="Show.asp?id=101" target="_blank">温世家移门</a> | </td></tr></table><!--标签结束-->
</td><td>
<!--标签开始--><table width=260><tr><td><img src="images/arrow.png"><b>瓷砖</b></td></tr><tr><td valign=top><a href="Show.asp?id=83" target="_blank">陶一郎瓷砖</a> | <a href="Show.asp?id=90" target="_blank">马可波罗瓷砖</a> | <a href="Show.asp?id=91" target="_blank">美陶瓷砖</a> | <a href="Show.asp?id=92" target="_blank">新中源陶瓷</a> | </td></tr></table><!--标签结束-->
</td><td>
<!--标签开始--><table width=260><tr><td><img src="images/arrow.png"><b>热水器</b></td></tr><tr><td valign=top><a href="Show.asp?id=73" target="_blank">天普热水器</a> | </td></tr></table><!--标签结束-->
</td></tr></table>
<table><tr><td>
<!--标签开始--><table width=260><tr><td><img src="images/arrow.png"><b>淋浴房、浴霸</b></td></tr><tr><td valign=top><a href="Show.asp?id=102" target="_blank">奥普浴霸</a> | </td></tr></table><!--标签结束-->
</td><td>
<!--标签开始--><table width=260><tr><td><img src="images/arrow.png"><b>厨房电器</b></td></tr><tr><td valign=top><a href="Show.asp?id=74" target="_blank">瑞鑫烟机</a> | </td></tr></table><!--标签结束-->
</td><td>
<!--标签开始--><table width=260><tr><td><img src="images/arrow.png"><b>地板</b></td></tr><tr><td valign=top><a href="Show.asp?id=78" target="_blank">建玲竹地板</a> | <a href="Show.asp?id=81" target="_blank">安信地板</a> | <a href="Show.asp?id=94" target="_blank">德尔地板</a> | </td></tr></table><!--标签结束-->
</td></tr></table>
<table><tr><td>
<!--标签开始--><table width=260><tr><td><img src="images/arrow.png"><b>阳台、窗</b></td></tr><tr><td valign=top> </td></tr></table><!--标签结束-->
</td><td>
<!--标签开始--><table width=260><tr><td><img src="images/arrow.png"><b>水管、电线</b></td></tr><tr><td valign=top><a href="Show.asp?id=104" target="_blank">爱康水管</a> |</td></tr></table><!--标签结束-->
</td><td>
<!--标签开始--><table width=260><tr><td><img src="images/arrow.png"><b>家具产品</b></td></tr><tr><td valign=top><a href="Show.asp?id=85" target="_blank">憧憬布艺</a> | </td></tr></table><!--标签结束-->
</td></tr></table>
</div>
这个是我现在用的，但是都是我手工添加的，没有从数据库读出来。
