https://www.heckjj.com/index.php zh-cn https://www.heckjj.com/post// Heck <@hecks.tk> Fri, 01 May 2009 10:07:42 +0000 https://www.heckjj.com/post// <DIV> <TABLE width="100%" border=0> <TBODY> <TR> <TD background=背景图片URL地址 height=50> <P>文章内容</P> </TD> </TR> </TBODY> </TABLE> </DIV>

　其中“width”一般是显示100%，也就是宽度在文章内全部显示，也可以设定具体数值！“height”是高度，高度大小其实没多大事，当文章内容超过它的高度的时候，表格会自动拉长！编辑文章的时候，找好你的背景图片地址，在显示源代码前打勾，把以上代码放进去，再把勾取消掉，就可以在图片上编辑文章了！

　　二、接下来给大家讲一下如何实现左右文章配图:
1、图片在右，文字在左

代码为:
<P> <A href="对图片的链接地址" target=_blank> <IMG height=100 src="图片URL地址" width=100 align=right border=0> </A>文章内容 </P>

其中
<A href="对图片的链接地址" target=_blank>
表示对图片进行链接，如果不需要的话只要把
<A href="对图片的链接地址" target=_blank> 和 </A>
删了就行了，“target=_blank”表示点击图片后链接在新窗口中打开，如果没有这个，则点击图片后链接在默认窗口中打开！


2、图片在左，文字在右

只要把“align=right”改为“align=left”就行了，即为:
<P><A href="对图片的链接地址" target=_blank><IMG height=100 src="图片URL地址" width=100 align=left border=0></A>文章内容</P>

调整图片于文字的距离可加入“vspace=上下距离 hspace=左右距离”使用不同数值效果不一样。比如改后的代码是：
<P><A href="对图片的链接地址" target=_blank><IMG height=100 src="图片URL地址" width=100 align=left hspace=10 vspace=10 border=0></A>文章内容</P>

3、实现让文字竖排：
其实就是弄一个表格了，然后设置一定的宽度，在把字放进去，基本代码就是：
<DIV align=center> <TABLE width="85%"> <TBODY> <TR> <TD vAlign=top width=10><FONT color=#cc3333 size=4>要竖排的字<BR></FONT></TD> <TD vAlign=top width=10><FONT color=#cc3333 size=4>要竖排的字<BR></FONT></TD> <TD vAlign=top width=10><FONT color=#cc3333 size=4>要竖排的字<BR></FONT></TD></TR></TBODY></TABLE></DIV>
“align=center”是让表格居中，当然“center”可以改为“left”和“right”，“width="85%"”是表格的总宽度值，“width=10”表示每一竖字所在的表格的宽度，
<FONT color=#cc3333 size=4>
就是用来设定字体的颜色和大小了！
Tags - 图文 , 混排 ]]> https://www.heckjj.com/post//#blogcomment <user@domain.com> Thu, 01 Jan 1970 00:00:00 +0000 https://www.heckjj.com/post//#blogcomment