天涯部落

小圈子,大声音!呼朋引伴网聚部落!

创建新部落?

从零启步学代码【十一】

楼主:人间惆怅客SD 时间:2012-09-13 08:48:47 点击:437 回复:5
脱水模式给他打赏只看楼主 阅读设置
此帖绝对不能点击“编辑”“不能编辑”两个按钮。否则,帖子中的示范代码就没有了,只剩下效果了。切记!!!



欢迎您!启步学代码


 


(原创编辑者:游子。供初学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>--图框内单元格背景颜色。


 



显示结果:


 








 

十二层红色边框套装代码



<DIV><FONT style="FONT-SIZE: 14px">&nbsp;<WBR><FONT size=+0>


<TABLE border=0 cellSpacing=52 width="100%" background=http://lvzhou.16789.net/domName/lvzhou/


200791389444288.jpg>


<TBODY>


<TR>


<TD>


<TABLE border=3 cellSpacing=9 borderColor=#ff9900 borderColorLight=#ff9900 borderColorDark=#ff9900 width="100%" background=http://bbs.nxnews.net/forum/UploadFile/2004-8/20048261124988.jpg>


<TBODY>


<TR>


<TD>


<TABLE border=3 cellSpacing=27 borderColor=#ff9900 borderColorLight=#ff9900 borderColorDark=#ff9900 width="100%" background=http://bbs.nxnews.net/forum/UploadFile/2004-9/2004911183454815.gif>


<TBODY>


<TR>


<TD>


<TABLE border=3 cellSpacing=9 borderColor=#ff9900 borderColorLight=#ff9900 borderColorDark=#ff9900 width="100%" background=http://bbs.nxnews.net/forum/UploadFile/2004-8/20048261124988.jpg>


<TBODY>


<TR>


<TD>


<TABLE border=0 cellSpacing=1 width="100%" bgColor=#800000>


<TBODY>


<TR>


<TD>


<P><FONT style="FONT-SIZE: 14px"><FONT style="FONT-SIZE: 16px">&nbsp;<WBR></FONT><FONT style="FONT-SIZE: 16px">&nbsp;<WBR>文字或图片</FONT></FONT></P></TD></TR></TBODY></TABLE></TD>


</TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD>


</TR></TBODY></TABLE></TD></TR></TBODY></TABLE>


</DIV></FONT></FONT>


 显示结果: 


 



  




 

欢迎您!启步学代码 ( 十一 )转载 - 幻影日月 - 幻影日月

 
用图片作边框的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="http://bbs.nxnews.net/forum/UploadFile/2004-8/200481313555870.jpg">
<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层图框套装显示结果:


  引用这个套装代码时,必须在代码的第一行前面加设全屏代码,

  才能完整显示。
  全屏代码:
  <DIV id=table1 style="LEFT: -210px; WIDTH: 800px;

  POSITION: relative; TOP: 40px"


 

 

欢迎您!启步学代码 ( 十一 )转载 - 幻影日月 - 幻影日月

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




 欢迎您!启步学代码 ( 十一 )转载 - 幻影日月 - 幻影日月


欢迎您!启步学代码 ( 十一 )转载 - 幻影日月 - 幻影日月


 

楼主人间惆怅客SD 时间:2012-09-13 09:05:42
  
作者 :枫叶Fs 时间:2012-09-13 12:31:11
  漂亮!辛苦了。。
作者 :星连193 时间:2012-09-13 13:36:07
  这个复杂。
作者 :我的心在飞扬2011 时间:2012-09-13 14:56:27
  这个是有点复杂,一般不太用的!还是简单的用的多!辛苦了!问好@人间惆怅客SD
楼主人间惆怅客SD 时间:2012-09-13 15:37:15
  是。有些复杂。实际运用中用的不多。这是一些基本理论,知道就行了。
  
  问好@我的心在飞扬2011  老师!

相关推荐

发表回复

请遵守天涯社区公约言论规则,不得违反国家法律法规