如何在边框内添加图片写文章和添加音乐

正文 字体大小：大 中 小

教你如何在边框内添加图片写文章和添加音乐

(2009-11-17 12:18:10)

转载

标签： color tr td 边框 博文 编辑区 杂谈

分类：大华课堂

如果一篇好的文章，在配上一幅好图片，那么这篇文章就可以说是很完美的了。如果我们在给它配上一幅好看的边框，那就如同锦上添花。在给它添加一首好听的音乐，那可就是画龙点睛了。那么，如何可以做到这点呢？让大华来告诉你吧。 就以下面这个边框为例吧。  

这里写字

  <CENTER style="TEXT-INDENT: 2em"><STRONG><FONT style="FONT-SIZE: 20px" color=#990000><FONT face=SinaEditor_Temp_FontName></FONT></FONT></STRONG></CENTER>
<CENTER style="TEXT-INDENT: 2em"> </CENTER>
<CENTER style="TEXT-INDENT: 2em">
<TABLE style="BORDER-BOTTOM-STYLE: dashed; BORDER-RIGHT-STYLE: dashed; BORDER-TOP-STYLE: dashed; BORDER-LEFT-STYLE: dashed" border=2 cellSpacing=0 cellPadding=0 width=450 bgColor=#66cd00 align=center>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-BOTTOM-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted; BORDER-LEFT-STYLE: dotted" border=2 cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-BOTTOM-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted; BORDER-LEFT-STYLE: dotted" border=2 cellSpacing=0 cellPadding=2>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-BOTTOM: #000000 4px dotted; BORDER-LEFT: #000000 4px dotted; BORDER-TOP: #000000 4px dotted; BORDER-RIGHT: #000000 4px dotted" cellSpacing=0 cellPadding=0 width="90%">
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-BOTTOM: #000000 2px dotted; BORDER-LEFT: #000000 2px dotted; BORDER-TOP: #000000 2px dotted; BORDER-RIGHT: #000000 2px dotted" cellSpacing=0 cellPadding=2 width="90%">
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-BOTTOM-STYLE: inset; BORDER-BOTTOM-COLOR: #000000; BORDER-RIGHT-STYLE: inset; BORDER-TOP-COLOR: #000000; BORDER-COLLAPSE: collapse; BORDER-TOP-STYLE: inset; BORDER-RIGHT-COLOR: #000000; BORDER-LEFT-STYLE: inset; BORDER-LEFT-COLOR: #000000" border=15 cellSpacing=0 cellPadding=0 align=center>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-BOTTOM-STYLE: ridge; BORDER-BOTTOM-COLOR: #000000; BORDER-RIGHT-STYLE: ridge; BORDER-TOP-COLOR: #000000; BORDER-COLLAPSE: collapse; BORDER-TOP-STYLE: ridge; BORDER-RIGHT-COLOR: #000000; BORDER-LEFT-STYLE: ridge; BORDER-LEFT-COLOR: #000000" border=10 cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD>
<TABLE border=0 cellSpacing=3 cellPadding=0 bgColor=#66cd00 align=center>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-BOTTOM-STYLE: ridge; BORDER-BOTTOM-COLOR: #000000; BORDER-RIGHT-STYLE: ridge; BORDER-TOP-COLOR: #000000; BORDER-COLLAPSE: collapse; BORDER-TOP-STYLE: ridge; BORDER-RIGHT-COLOR: #000000; BORDER-LEFT-STYLE: ridge; BORDER-LEFT-COLOR: #000000" border=3 cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD>
<TABLE border=0 cellSpacing=0 cellPadding=0 bgColor=#66cd00 align=center>
<TBODY>
<TR>
<TD>
<DIV align=center><A href="http://photo.blog.sina.com.cn/showpic.html#blogid=5e1534010100gxon&url=http://static11.photo.sina.com.cn/orignal/5e153401h77e714ac721a&690" target=_blank></A></DIV></TD></TR></TBODY></TABLE>
<P>这里写字</P></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></CENTER>
<CENTER style="TEXT-INDENT: 2em"><STRONG><FONT style="FONT-SIZE: 20px" color=#990000></FONT></STRONG> </CENTER>    这是边框代码，把这个代码复制下来，回到你的博文中，点发博文—在显示源代码前点v — 点右键粘贴代码 — 去掉显示源代码前的v，就看到边框了。我在边框里写了几个字，为的是在边框内插入图片或写文章方便制作，如果不写字，那边框就是全都挤到一起去的，对于刚学习的新手来说，根本无从下手，不知道在哪里写字，考虑到这一点，我在边框里写上字，让学习的朋友们能够更好的完成制作。   好啦，边框有了，下面开始添加内容了。把你的鼠标在框内的字后面点一下，把字去掉，在编辑区的上面有一行菜单按钮，点插入图片，按提示去做，把你需要的图片传到你的边框内，这个时候请你注意，图片传到边框里的时候，闪标是在图片的右下角，这时点一下回车，会加大图片和边框之间的距离，否则的话，整个边框会把图片包在一起，到那时你在想把闪标点到边框里对于新手来说是件挺难的事情，请朋友们务必记住这一点。   接下来就是写文章了 。这个就不用我说了吧，地球人都知道的。   下面我想说的是如何在边框内添加音乐。具体操作请参考我的文章

教你如何在文章中添加音乐（二） ，添加音乐会了，下面就是如何把播放器放到边框里。复制播放器代码，回到编辑区 — 在显示源代码前点v — 把你的鼠标放到你写的文章的最后一个字后面点一下，出现闪标，然后点右键粘贴代码 — 在把音乐添加进去 — 最后把显示源代码前的v去掉就OK了。是不是很简单啊？

 

下面送朋友们几个边框和边框代码，喜欢的朋友就尽管拿去吧，别忘了在使用的同时，要感谢长江之歌老师为制作边框所付出的辛苦。最后祝朋友们玩博愉快！

长江之歌欢迎您

<DIV>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD vAlign=top width=225 align=right><A href="http://blog.sina.com.cn/s/articlelist_1368834917_2_1.html"></A></TD></TR></TBODY></TABLE>
<DIV>
<TABLE border=0 cellSpacing=5 cellPadding=25 width="100%" background=http://image12.360doc.com/DownloadImg/2010/07/2114/4159355_2.jpg bgColor=#519cc2 align=center TOPMARGIN="0" LEFTMARGIN="0" ALINK="#79BBE1" VLINK="#79BBE1" LINK="#79BBE1">
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE border=0 cellSpacing=5 cellPadding=0 width="100%" background=http://image12.360doc.com/DownloadImg/2010/07/2114/4159355_3.jpg align=center>
<TBODY>
<TR>
<TD width="100%">
<TABLE border=1 cellSpacing=5 borderColorLight=#519cc2 borderColorDark=#2e6681 cellPadding=0 width="100%" background=http://image12.360doc.com/DownloadImg/2010/07/2114/4159355_4.jpg align=center>
<TBODY>
<TR>
<TD width="100%">
<TABLE border=0 cellSpacing=5 cellPadding=0 width="100%" background=http://image12.360doc.com/DownloadImg/2010/07/2114/4159355_3.jpg align=center>
<TBODY>
<TR>
<TD width="100%">
<TABLE border=1 cellSpacing=5 borderColorLight=#519cc2 borderColorDark=#2e6681 cellPadding=0 width="100%" background=http://image12.360doc.com/DownloadImg/2010/07/2114/4159355_4.jpg align=center>
<TBODY>
<TR>
<TD width="100%">
<TABLE border=0 cellSpacing=5 cellPadding=0 width="100%" background=http://image12.360doc.com/DownloadImg/2010/07/2114/4159355_3.jpg align=center>
<TBODY>
<TR>
<TD width="100%">
<TABLE border=1 cellSpacing=5 borderColorLight=#519cc2 borderColorDark=#1e4253 cellPadding=0 width="100%" background=http://image12.360doc.com/DownloadImg/2010/07/2114/4159355_2.jpg align=center>
<TBODY>
<TR>
<TD width="100%">
<P align=center><FONT color=#e31c1b size=4 face=华文行楷>长江之歌欢迎您</FONT></P>
<P> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV>
<DIV></DIV></DIV>

 

 

长江之歌欢迎您

 

<TABLE style="BORDER-BOTTOM-STYLE: outset; BORDER-BOTTOM-COLOR: #b28d66; BORDER-RIGHT-STYLE: outset; BORDER-TOP-COLOR: #b28d66; BORDER-COLLAPSE: collapse; BORDER-TOP-STYLE: outset; BORDER-RIGHT-COLOR: #b28d66; BORDER-LEFT-STYLE: outset; BORDER-LEFT-COLOR: #b28d66" border=7 cellSpacing=0 cellPadding=0 align=center>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-BOTTOM-STYLE: inset; BORDER-BOTTOM-COLOR: #b28d66; BORDER-RIGHT-STYLE: inset; BORDER-TOP-COLOR: #b28d66; BORDER-COLLAPSE: collapse; BORDER-TOP-STYLE: inset; BORDER-RIGHT-COLOR: #b28d66; BORDER-LEFT-STYLE: inset; BORDER-LEFT-COLOR: #b28d66" border=10 cellSpacing=0 cellPadding=0 align=center>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-BOTTOM-STYLE: outset; BORDER-BOTTOM-COLOR: #b28d66; BORDER-RIGHT-STYLE: outset; BORDER-TOP-COLOR: #b28d66; BORDER-COLLAPSE: collapse; BORDER-TOP-STYLE: outset; BORDER-RIGHT-COLOR: #b28d66; BORDER-LEFT-STYLE: outset; BORDER-LEFT-COLOR: #b28d66" border=5 cellSpacing=0 cellPadding=0 align=center>
<TBODY>
<TR>
<TD>
<TABLE style="BORDER-BOTTOM-STYLE: inset; BORDER-BOTTOM-COLOR: #b28d66; BORDER-RIGHT-STYLE: inset; BORDER-TOP-COLOR: #b28d66; BORDER-COLLAPSE: collapse; BORDER-TOP-STYLE: inset; BORDER-RIGHT-COLOR: #b28d66; BORDER-LEFT-STYLE: inset; BORDER-LEFT-COLOR: #b28d66" border=5 cellSpacing=0 cellPadding=3 background=http://image12.360doc.com/DownloadImg/2010/07/2114/4159355_5.gif align=center>
<TBODY>
<TR>
<TD>
<TABLE border=0 cellSpacing=0 cellPadding=15>
<TBODY>
<TR>
<TD background=http://image12.360doc.com/DownloadImg/2010/07/2114/4159355_6.jpg>
<TABLE border=0 cellSpacing=0 cellPadding=3 background=http://image12.360doc.com/DownloadImg/2010/07/2114/4159355_7.jpg>
<TBODY>
<TR>
<TD width="100%">
<TABLE border=0 cellSpacing=0 cellPadding=7>
<TBODY>
<TR>
<TD background=http://image12.360doc.com/DownloadImg/2010/07/2114/4159355_8.jpg>
<TABLE border=0 cellSpacing=0 cellPadding=3 background=http://image12.360doc.com/DownloadImg/2010/07/2114/4159355_7.jpg>
<TBODY>
<TR>
<TD>
<P align=center><FONT color=#e31c1b size=4 face=华文行楷>长江之歌欢迎您</FONT></P>
<P> </P></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>

 

0