在图框内贴图或文字的位置设置方法。 (17)

青蒿绿叶 2014-04-20

展开全文

在图框内贴图或文字的位置设置方法。

2006-11-15 15:26:17| 分类：学习制作 |举报 |字号订阅

根据插入的图片宽度和色彩选好图框。目前多数论坛对代码贴图的宽度限制在５００之内，所以图框包括边线宽度不能超过５００，插入的图片宽度
在４００以内，否则其超过部份就无法显示。如果图片很大，就要选宽度大于７００的图框，同时要设置全屏代码，才能完整显示。网络上有
很多漂亮的图框（套装），可以拿来套用。启步学习时，最好采用较简单的图框。

在图框内贴图或文字的位置设置方法。 - wzhsft - wangwang

　　在一张图框或图片内如何插入文字和图片？
　　要在表格的单元格<TD>与</TD>中间插入。例如：

<TABLE width=480 height=350 bordercolor=olive background=http://blog./upload/user/58/386410_22232948.jpg
border=18>
<TBODY>
<TR>
<TD >
<FONT style="FONT-SIZE: 25pt" face=华文行楷 color=#fff000><B>
<p align=CENTER>插入文字或图片</P>
<p align=CENTER>插入文字或图片</P>
<p align=CENTER>插入文字或图片</P>
</B> </FONT>
</TD></TR></TOBDY></TBODY></TABLE></CENTER>

代码实例：

<TABLE width=500 height=350 bordercolor=olive background=http://blog./upload/user/58/386410_22232948.jpg
border=18>
<TBODY>
<TR>
<TD >
<FONT style="FONT-SIZE: 25pt" face=华文行楷 color=#fff000><B>
<br>
<p align=CENTER>万紫千红总是春</P>
<p align=CENTER><img src="http://www./680/duocai/11.gif"width=400 height=352 border=1>
</P>
<p align=CENTER>图文：网络／编辑：网名</P>
</B> </FONT>
</TD></TR></TBODY></TABLE></CENTER>

显示结果：

万紫千红总是春

图文：网络／编辑：网名

在图框内贴图或文字的位置设置方法。 - wzhsft - wangwang

定位设置一些语句。

align（水平方向）
水平方向有左中右：
left（左对齐）
center（居中）
RIGHT（右对齐）

水平方向位置设置代码：

<P align=LEFT>内容左对齐</P>
<P align=center>内容居中</P>
<P align=RIGHT>内容右对齐</P>
显示结果：

内容左对齐

内容居中

内容右对齐

在图框内贴图或文字的位置设置方法。 - wzhsft - wangwang

valign（垂直方向）

垂直方向有靠顶和靠底.
top（靠顶）,bottom（靠底）
垂直方向与水平方向相结合可以设置6个不同位置的指令如下：

<P align=LEFT valign=top>居左靠顶</P>
<P align=center valign=top>居中靠顶</P>
<P align=RIGHT valign=top>居右靠顶</P>

<P align=LEFT valign=bottom>居左靠底</P>
<P align=center valign=bottom>居右靠底</P>
<P align=RIGHT valign=bottom>居右靠底</P>

在图框内插入图片和文字位置的代码：