您好!欢迎你光临制作边框的方法_芳华苑!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>网络教材>>>其他>>>制作边框的方法
制作边框的方法
发表日期:2007/9/1 16:57:00 出处:未知 作者:未知 发布人:pingfannvren 已被访问 1422

在网站上复制边框比较方便,但是终究是别人的,有些时间不长可能会失效,好的作品,自己制作边框就不会失效,下面我把方法告诉大家。

一、准备好边框素材,上传到图片网站里。

     

二、进入发表文章里,在编辑时点插入表格键,插入一个表格行数和表格列数都为1,指定表格的宽度为740像素,对齐方式居中,其它为默认,确定。

 

图1


点击源代码,把bgColor=#ffffff改成background=素材图片的地址,border=2的2改成0(不改成0,就会有一个默认的白色的边),cellPadding=2的2改成35 (这是素材图片的宽度)。效果如图。


三、在上图的左边,一定要在最左边,可以用退格键试试,点击鼠标,再插入一个表格,表格的行数和列数都是1,指定表格的宽度设置百分比(100%),对齐方式为居左,其它为默认,确定。如图。

图2

点击源代码,把bgColor=#ffffff改成素材图片的地址,bordet=2的2改成0,cellPadding=2的2改成3,如图。

 
 

 

四、按照图2的方法插入多个边框,我这里用了五个边框,最后一个黑色的边框,只要把单元格背景改成黑色的,就不用改bgColor=#ffffff.常用色可以按照这种方法。效果如图。

 

 

 

 
 
 
 

 

当然你也可以按照上面的方法一次性把表格先插入,再点源代码来修改里面的数字和图片的地址,我这里为了你看清楚,所以选择了这个方法。希望对你有帮助。

边框代码如下:

<TABLE style="BORDER-COLLAPSE: collapse" borderColor=#cccccc cellSpacing=0 cellPadding=35 width=740 align=center background=http://photo7.56.com/albums/userpics/dataa/08/37/16720642%7C15012817464661c54b89aaa.gif border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-COLLAPSE: collapse" borderColor=#cccccc cellSpacing=0 cellPadding=3 width="100%" align=left background=http://photo7.56.com/albums/userpics/datab/81/78/16720642%7C54233085546b2a41a28d61.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-COLLAPSE: collapse" borderColor=#cccccc cellSpacing=0 cellPadding=8 width="100%" align=left background=http://photo7.56.com/albums/userpics/dataa/08/37/16720642%7C15012817464661c54b89aaa.gif border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-COLLAPSE: collapse" borderColor=#cccccc cellSpacing=0 cellPadding=3 width="100%" align=left background=http://photo7.56.com/albums/userpics/datab/81/78/16720642%7C54233085546b2a41a28d61.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-COLLAPSE: collapse" borderColor=#cccccc cellSpacing=0 cellPadding=2 width="100%" align=left bgColor=#000000 border=0>
<TBODY>
<TR>
<TD>
<P align=center>&nbsp;</P>
<P>&nbsp;</P>
<P align=center>&nbsp;</P></TD></TR></TBODY></TABLE>&nbsp;</TD></TR></TBODY></TABLE>&nbsp;</TD></TR></TBODY></TABLE>&nbsp;</TD></TR></TBODY></TABLE>&nbsp;</TD></TR></TBODY></TABLE></P>

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:



Seiya
(2014/4/15 1:04:00) [145.89.57.]

All of my questions sedtnet-thalks! http://tclytxgx.com [url=http://flnxdlo.com]flnxdlo[/url] [link=http://mizqmkrzrc.com]mizqmkrzrc[/link]


Andre
(2014/4/12 19:39:00) [24.74.211.]

BION I'm <a href="http://isxttxd.com">imdressep!</a> Cool post!


Wanita
(2014/4/10 13:44:00) [143.225.213.]

Heck yeah this is exlctay what I needed.


lhp
(2007/12/14 19:53:00)

有点难。">
关闭

芳华苑 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:勿忘我:QQ:549966146

琼icp备09005167