分享

边框制作

 心静如冰699 2014-08-25

有朋友想学习怎样制作日志边框,于是给日志边框代码做了个简单的注释,以方便初学着

 

<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层就显的杂乱,不好看。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约