有朋友想学习怎样制作日志边框,于是给日志边框代码做了个简单的注释,以方便初学着 <TABLE style="POSITION: relative; WIDTH: 900px; TOP: 0px; LEFT: 0px" borderColor=#000000 cellSpacing=30 cellPadding=0 width=100% background=第一层边框背景(图片地址) border=1 align=center> <TBODY> <TR> <TD> <TABLE borderColor=#000000 cellSpacing=22 cellPadding=0 width=100% align=center background=第二层边框背景(图片地址) border=1 align=center> <TBODY> <TR> <TD> <TABLE borderColor=#000000 cellSpacing=10 cellPadding=0 width=100% align=center background=第三层边框背景(图片地址) border=1 align=center> <TBODY> <TR> <TD> <TABLE borderColor=#000000 cellSpacing=5 cellPadding=0 width=100% align=center background=第四层边框背景(图片地址) border=1 align=center> <TBODY> <TR> <TD> <TABLE borderColor=#000000 cellSpacing=1 cellPadding=0 width=100% align=center background=底图背景地址(写日志的纯色图片) border=1 align=center> <TBODY> <TR> <TD> 插入文字或图片内容 </TD></TR></TBODY></TABLE> 插入图片的代码: <P align=center><img src="图片链接地址"></P>
插入FLASH动画代码: <P align=center><EMBED pluginspage= http://www.macromedia.com/go/getflashplayer src=动画地址 width=宽度 height=高度 type=application/x- shockwave-flash quality="high" wmode="opaque"></P>
代码说明 WIDTH: 900px 边框的寛度 TOP: 0px 边框上边距,改变数值调节边框的垂直位置 LEFT: 0px 左边距,改变数值调节边框的水平位置 borderColor=#000000 是边框的颜色 cellSpacing=22 表示两层边框之间的距离,也就是显示出来的图片的寛度 cellPadding=0 表示边框与要插入的内容(文字·图片)之间的距离 border=1 表示边框的粗细,如果隐藏边框,设置为0 align=center 表示居中,也可以是Left(左对齐)、 和Right(右对齐) background= 如果不想要图片做边框 可以不加图片,去掉就background=就行 </TD></TR></TBODY></TABLE> 这组是结束语,多少层边框就加上多少组,当然也可以不加,系统会自动帮你添上 当你需要边框产生立体感时,用borderColorLight=#001780 和borderColorDark=#02051e 换下borderColor=#000000, borderColorLight:亮色边框; borderColorDark:暗色边框,分别对应 右上两条边框和左下两条边框,颜色选同一色系为好
最后一层是代表写日志的图片 就是底图 最好用纯色的 第一层(最外面一层)代码决定边框的位置和宽度,第二层开始,后面层的代码都相同,所有数值都可以随自己喜好加减。边框最多九层,超过9层就显的杂乱,不好看。
|