1、准备好需要用到的图标。

3、书写hmtl代艨位雅剖码。<table width="950" height="120" border="0" cellpadding="0" cellspacing="0" bgcolor="#66CCFF"> <tr> <td align="center">头部</td> </tr></table><DIV id=yhp-snspush style="MARGIN: 0px; OVERFLOW: hidden; WIDTH: 950px; POSITION: relative; HEIGHT: 290px"><DIV id=close-snspush style="RIGHT: 5px; CURSOR: hand; POSITION: absolute; TOP: 5px"><IMG alt=关闭 src="images/snspush_close.gif"></DIV></DIV><!--yhpsnspush}:end--><table width="950" height="120" border="0" cellpadding="0" cellspacing="0" bgcolor="#66CCFF"> <tr> <td align="center">底部</td> </tr></table>

5、代码整体结构。
6、查看效果。
