一、首先要准备一些图片素材,如下面我己准备好了20张。
二、HTML语言音画最基本的构成就是四个部分: 边框 图片、内容 音乐 FLASH
下面首先讲边框:
边框可以设置任意多层,你想要几层就几层,网上很协调美观的边框大部分都是专业人士制做(有些网站可以专门下载),你不要一看见一个漂亮边框就认为楼主高不可攀,实际上大部分会员用的协调美观边框都是共享的(当然,也有很大一部分高手是原创,所以我在这里可以这样说:网上的边框是共享的,大家完全可以心安理得地去借用和复制,不用脸红(但本站支持原创)!哈哈,我是借用别人的边框从来不脸红的人。
下面是一个七层边框的实例介绍,图片可以任意换,只要你觉着好看就行:
一、七层边框、代码如下:
<TABLE cellSpacing=0 borderColorDark=#001a1a cellPadding=10 width=500 borderColorLight=#055b56 background=图片地址 border=0> <TBODY> <TR> <TD width="100%"> <TABLE cellSpacing=0 borderColorDark=#001a1a cellPadding=15 width=500 borderColorLight=#055b56 background=图片地址 border=0> <TBODY> <TR> <TD width="100%"> <TABLE cellSpacing=0 cellPadding=3 width="100%" background=图片地址 border=0> <TBODY> <TR> <TD width="100%"> <TABLE cellSpacing=0 cellPadding=15 width="100%" background=图片地址 border=0> <TBODY> <TR> <TD width="100%"> <TABLE cellSpacing=0 cellPadding=3 width="100%" background=图片地址 border=0> <TBODY> <TR> <TD width="100%"> <TABLE cellSpacing=0 cellPadding=15 width="100%" background=图片地址 border=0> <TBODY> <TR> <TD width="100%"> <TABLE cellSpacing=10 borderColorDark=#001a1a cellPadding=0 width="100%" borderColorLight=#055b56 background=图片地址 border=0> <TBODY> <TR>
<TD>(此处插入文章)</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> 蓝色部分是结尾。
看下效果图:
(此处插入文章)
教程/编辑:南山壹翁
是不是学会了,很简单的。
| | | | | | |
二、八层边框、代码如下:
<TABLE cellSpacing=0 cellPadding=4 width="95%" align=center background=图片地址 border=0> <TBODY> <TR> <TD> <TABLE height=315 cellSpacing=0 cellPadding=15 width="100%" background=图片地址 border=0> <TBODY> <TR> <TD> <TABLE height=355 cellSpacing=0 cellPadding=2 width="100%" background=图片地址 border=0> <TBODY> <TR> <TD> <TABLE height=387 cellSpacing=0 cellPadding=2 width="100%" background=图片地址 border=0> <TBODY> <TR> <TD> <TABLE height=365 cellSpacing=0 cellPadding=2 width="100%" background=图片地址 border=0> <TBODY> <TR> <TD> <TABLE cellSpacing=0 cellPadding=15 width="100%" background=图片地址 border=0> <TBODY> <TR> <TD> <DIV align=center> <TABLE height=362 cellSpacing=0 cellPadding=2 width="100%" background=图片地址 border=0> <TBODY> <TR> <TD> <DIV align=center> <TABLE height=361 cellSpacing=0 cellPadding=4 width="100%" background=图片地址 border=0> <TBODY> <TR> <TD> <TABLE height=204 cellSpacing=0 cellPadding=4 width="100%" border=0> <TBODY> <TR> <TD> 加入内容 </TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
看下效果图:
| |