返回列表 回复 发帖 点我体验网上斗地主的乐趣

用各种图片素材做边框套装。

相关搜索: 边框, 素材, 套装




欢迎您!启步学代码。
(11)

(原创 编辑者:游子。供初学HTML代码的朋友参考)

用各种图片素材做边框套装

用金黄色图片作边框的代码:


用金黄色图片作边框的代码:




<CENTER>
<TABLE borderColor=660000 cellSpacing=10 cellpadding=20 background=http://img.gw.com.cn/UploadFile/2004/9/3/3436397.jpg width=400 height=300 border=10>
<TBODY>
<TR>
<TD bgcolor=#AAAAFF>
<br>
<br>
</CENTER></TD></TR></TBODY></TABLE>


说明:

<TABLE borderColor=660000<br...>--边框颜色

<TD bgcolor=#AAAAFF>--图框内单元格背景颜色。



原创编者:游子。

 



显示结果:




原创编辑者:游子。




用图片作边框的六层图框套装代码;



<TABLE cellSpacing=10 align=center bgColor=green WIDTH: 800px; border=0>
<TBODY><TR><TD>
<TABLE borderColor=#111111 cellSpacing=0 cellPadding=3 width="95%" background="[img]http://img.gw.com.cn/UploadFile/2004/9/3/3436397.jpg[/img]" border=5>
<TBODY><TR><TD>
<TABLE borderColor=#111111 cellSpacing=0 cellPadding=8 width="100%" background="[img]http://bbs.xxjy.net/UploadFile/2004-10/20041028356173.jpg[/img]" border=5>
<TBODY><TR><TD>
<TABLE borderColor=#111111 cellSpacing=0 cellPadding=3 width="100%" background="[img]http://www.dabaoku.com/sucai/shejilei/bj/pic/0410.jpg[/img]" border=5>
<TBODY><TR><TD>
<TABLE borderColor=#111111 cellSpacing=0 cellPadding=15 width="100%" background="[img]http://img.gw.com.cn/UploadFile/2004/9/3/3436397.jpg[/img]" border=5>
<TBODY><TR><TD>
<TABLE borderColor=#111111 cellSpacing=0 width="100%" bgColor=green border=1>
<TBODY>
<TR>
<TD>
<P align=center><TABLE border=0><TBODY><TR>
<TD style="FILTER:Alpha(opacity=100,style=2)"width=350 height=202 background="http://sucai.heima.com/sucai/news/xhtp/08.jpg">
</TD></TR></TBODY></TABLE></P>
<CENTER>
<DIV style="FILTER: glow(color=#E4DC9B, strength=5); WIDTH: 500px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 35pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=003300>
插入标题文字
<br><br>
<h2>图文:网络<br>编辑:游子</h2></FONT></DIV>
<P align=center> </P>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE> </TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</CENTER>


  【说明 】
  引用这个套装代码时,必须在代码的第一行前面加设全屏代码,才能完整显示。
  全屏代码:
<DIV id=table1 style="LEFT: -210px; WIDTH: 800px; POSITION: relative; TOP: 40px">

原创编辑者:游子。




显示结果:

插入标题文字

图文:网络
编辑:游子

 



原创编辑者:游子。




用图片作边框的10层图框套装代码;



<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width=680 borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135644130.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=15 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/200481313595718.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135644130.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=15 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/20048131404918.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135644130.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=11 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813141196.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135644130.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=15 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/20048131407387.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=3 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135644130.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=0 width="100%" borderColorLight=#000000 background=http://bbs.nxnews.net/forum/UploadFile/2004-8/2004813135611790.jpg border=1>
<TBODY>
<TR>
<TD>
<CENTER>
<IMG alt="" src="[img]http://bbs.nxnews.net/forum/UploadFile/2004-8/200481313555870.jpg[/img]">
<FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云; HEIGHT: 45px">
漂亮的多层套装</FONT><BR>
<font style=font:20pt face=隶书 color=fff000>
插入内容<BR>
。。。。。。<BR>
。。。。。。<BR>
<BR><BR>
图片:网络/编辑:游子<BR>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<BR><BR><BR></DIV>


  【说明 】
  引用这个套装代码时,必须在代码的第一行前面加设全屏代码,才能完整显示。
  全屏代码:
<DIV id=table1 style="LEFT: -210px; WIDTH: 800px; POSITION: relative; TOP: 40px">



原创编辑者:游子。




用图片作边框的10层图框套装显示结果:

漂亮的多层套装
插入内容
。。。。。。
。。。。。。


图片:网络/编辑:游子



(待续)
编辑:游子

(为了让更多网友学用html代码贴图制作网页,本贴 欢迎转载,但是,转载时请不要把原创编辑游子的名字改掉。谢谢!)






返回列表
高级回复 | 发新话题
B Color Image Link Quote Code Smilies
换一个