代码:
<TABLE border=3 cellSpacing=10 borderColor=#00ad00 cellPadding=0 width="20%" bgColor=#cccc99>
<TBODY>
<TR>
<TD>
<P align=center><A href="链接地址1" rel=nofollow target=_blank><FONT color=#006400 target="_blank"><IMG style="MARGIN: 0px 10px; FLOAT: none; cssfloat: none" src="图片地址" width=70 height=70></FONT></A></P>
<P align=center> <FONT size=+0> <A href="链接地址1" rel=nofollow target=_blank><STRONG><FONT color=#006400>导航名称1</FONT></STRONG></A> </FONT></P></TD>
<TD>
<P align=center><A href="链接地址2" rel=nofollow target=_blank><IMG style="MARGIN: 0px 10px; FLOAT: none; cssfloat: none" src="图片地址2" width=70 height=70></A></P>
<P align=center> <FONT size=+0> <A href="链接地址2" rel=nofollow target=_blank><STRONG><FONT color=#006400>导航名称2</FONT></STRONG></A> </FONT></P></TD>
<TD>
<P align=center><A href="链接地址3" rel=nofollow target=_blank><IMG style="MARGIN: 0px 10px; FLOAT: none; cssfloat: none" width=70 height=70></A></P>
<P align=center> <FONT size=+0> <A href="链接地址3" rel=nofollow target=_blank><STRONG><FONT color=#006400>导航名称3</FONT></STRONG></A> </FONT></P></TD>
<TD>
<P align=center><A href="链接地址4" rel=nofollow target=_blank><IMG style="MARGIN: 0px 10px; FLOAT: none; cssfloat: none" src="图片地址4" width=70 height=70></A></P>
<P align=center> <FONT size=+0> <A href="链接地址4" rel=nofollow target=_blank><STRONG><FONT color=#006400>导航名称4</FONT></STRONG></A> </FONT></P></TD>
<TR>
<TD>
<P align=center><A href="链接地址5" rel=nofollow target=_blank><FONT color=#006400 target="_blank"><IMG style="MARGIN: 0px 10px; FLOAT: none; cssfloat: none" src="图片地址5" width=70 height=70></FONT></A></P>
<P align=center> <FONT size=+0> <A href="链接地址5" rel=nofollow target=_blank><STRONG><FONT color=#006400>导航名称5</FONT></STRONG></A> </FONT></P></TD>
<TD>
<P align=center><A href="链接地址6" rel=nofollow target=_blank><IMG style="MARGIN: 0px 10px; FLOAT: none; cssfloat: none" src="图片地址6" width=70 height=70></A></P>
<P align=center> <FONT size=+0> <A href="链接地址6" rel=nofollow target=_blank><STRONG><FONT color=#006400>导航名称6</FONT></STRONG></A> </FONT></P></TD>
<TD>
<P align=center><A href="链接地址7" rel=nofollow target=_blank><IMG style="MARGIN: 0px 10px; FLOAT: none; cssfloat: none" src="图片地址7" width=70 height=70></A></P>
<P align=center> <FONT size=+0> <A href="链接地址7" rel=nofollow target=_blank><STRONG><FONT color=#006400>导航名称7</FONT></STRONG></A> </FONT></P></TD>
<TD>
<P align=center><A href="链接地址8" rel=nofollow target=_blank><IMG style="MARGIN: 0px 10px; FLOAT: none; cssfloat: none" src="图片地址8" width=70 height=70></A></P>
<P align=center> <FONT size=+0> <A href="链接地址8" rel=nofollow target=_blank><STRONG><FONT color=#006400>导航名称8</FONT></STRONG></A> </FONT></P></TD><BR></TR></TBODY></TABLE>
说明:
1、以上代码是两行四列,可以随便加列加行或减列减行。
2、如果加列,就在“导航名称4”的代码后再继续加代码:
<TD>
<P align=center><A href="链接地址" rel=nofollow target=_blank><IMG style="MARGIN: 0px 10px; FLOAT: none; cssfloat: none" src="图片地址=" width=70 height=70></A></P>
<P align=center> <FONT size=+0> <A href="链接地址" rel=nofollow target=_blank><STRONG><FONT color=#006400>导航名称</FONT></STRONG></A> </FONT></P></TD>
3、如果加行,就在“导航名称8”的代码后再加代码:
<TR>
<TD>
<P align=center><A href="链接地址" rel=nofollow target=_blank><FONT color=#006400 target="_blank"><IMG style="MARGIN: 0px 10px; FLOAT: none; cssfloat: none" src="图片地址" width=70 height=70></FONT></A></P>
<P align=center> <FONT size=+0> <A href="链接地址" rel=nofollow target=_blank><STRONG><FONT color=#006400>导航名称</FONT></STRONG></A> </FONT></P></TD>
千万注意不要漏掉"<TR>”
4、如果要减列减行就相应删除以上行列代码。
我的博客首页“图片收藏”模块就是两行四列:
评论