HTML中如何实现文字绕排

  1.文字绕图

如果我们使用正常的,例如:

<TABLE cellpadding="15" width="200">
<TR>
<TD bgcolor="#EEEEFF"><IMG src="test.gif" hight=60>这里是普通的。国内的VB网站中vbgood以每日更新,资料量丰富,而深受程序爱好者的喜欢。</TD>
</TR>
</TABLE>

这样的语句中图片比文字高度要高,则文字上部会有空白出现。页面的效果非常不好。如何解决呢?请看这个代码:

<TABLE cellpadding="15" width="200">
<TR>
<TD bgcolor="#EEEEFF"><IMG src="test.gif" hspace="1" align="LEFT" hight=60>这里是绕排的。国内的VB网站中vbgood以每日更新,资料量丰富,而深受程序爱好者的喜欢。</TD>
</TR>
</TABLE>

在img这个元素中加入这个属性就可以解决:align="center",问题就可以解决了。简单吧!至于hspace是定义图片与周围元素的宽度。于是否绕排无关系。

2.文字绕文字。先看看这个效果:http://ecom.xj169.net/vbgood/exmple/word.htm#word

这有是怎么作出来的呢?先看看这个代码:

<table align=left cellspacing=0 cellpadding=0 width=200 border=1>
<tr>
<td><table align=left cellspacing=0 cellpadding=0><font color=red size="5"><b>在</b></font> </table>国内的VB网站中vbgood以每日更新,资料量丰富,而深受程序爱好者的喜欢。(End)</td></tr>
</table>

这样的效果又怎么实现呢?

<table align=left cellspacing=0 cellpadding=0 width=200 border=1>
<tr>
<td><table align=left cellspacing=0 cellpadding=0><font color=red size="5"><b>在</b></font>
</table>国内的VB网站中vbgood以每日更新,资料量丰富,而深受程序爱好者的喜欢。(End)</td></tr>
</table>

这段代码就说明了,聪明的你一看就知道了,只要把要放大的字放在这个table中就可以了。

但现在如果我要让文字有背景色,有怎么办呢?哈,你真聪明,在table中加bgcolor属性,这样:

<table align=left cellspacing=0 cellpadding=0 width=200 border=1>
<tr>
<td><table align=left cellspacing=0 cellpadding=0 bgcolor=#C0C0C0><font color=red size="5"><b>在</b></font></table>国内的VB网站中vbgood以每日更新,资料量丰富,而深受程序爱好者的喜欢。(End)</td></tr></table>

但能出来吗?是不能,还要加东西呢(记得下次不要这么快回答哦:),这样:

<table align=left cellspacing=0 cellpadding=0 width=200 border=1>
<tr>
<td><table align=left cellspacing=0 cellpadding=0 bgcolor=#C0C0C0><td><font color=red size="5"><b>在</b></font></td></table>国内的VB网站中vbgood以每日更新,资料量丰富,而深受程序爱好者的喜欢。(End)</td></tr></table>

时间: 2024-08-03 01:26:29

HTML中如何实现文字绕排的相关文章

Flash 中的文字绕排效果

我们见过许多文字绕排的效果,使用得当,会给作品增色不少,而且现在可以做这个效果的工具也非常多,例如 CorelDraw ; FreeHand 等,把这应用进 Flash 该如何做呢?通常我们都是使用外部绘画工具如 FreeHand 做好绕排效果,然后输出标准的 *.AI 格式文件,然后再导入 Flash 来实现目的.那如果我们没有这样的第三方工具怎么办?可以独立在 Flash 中做出这个效果吗?答案是肯定的,虽然现在 Macromedia 已经将最新的 FreeHand 9 和 Flash 4

HTML如何实现文字绕排

  在word中我们知道如何是文字绕排,但在web页面中如何实现呢?这个就不象word中那么容易了.但只要使用好html的元素一样能达到这样的效果. 一般绕排有这样几种:文字绕图,文字绕文字等.我想讲的就是这两种.好吧,开始! 1.文字绕图 如果我们使用正常的,例如: <TABLE cellpadding="15" width="200"> <TR> <TD bgcolor="#EEEEFF"><IMG

个性化绕排让班级小报更具灵活性

学校要搞一个电子报刊制作方面的比赛,为此,班里的几个"高手"就经常凑在一起捣鼓排版方面的事情.为了让小报更有 活力和"灵性",他们使用了文本框和剪贴画,以制作一些不 那么规则的版面. 不过,文本框内的文字只能是规 规矩矩地排成矩形文本,两个部分重叠的文本框也不能使版面更灵活一些,反倒使一部分文字显示不出来.而 插入的剪贴画无论外形如何,在其周围也只能是规规矩矩的矩形.能不能制作出更有个性的绕排方式呢?比如图1和图2所示.后来,他们采用了WPS 2005来制作电子报刊

ps怎么制作文本绕圈? 10步骤轻松制作文字绕圈的教程

一提到ps就会想到图片处理,photoshop中有一个路径功能很好用,在制作公章时我们希望文字能够线着圈自动展示,下面就来介绍一下如何在PS中制作线圈打字效果,有需要的朋友可以参考本文. 最终效果图: 步骤 1.打开photoshop软件,新建一个500x500像素的画布. 2.在工具栏中找到"形状工具按钮" 3.右击形状按钮,选择"椭圆工具",因为我们要画一个圆,当然你可以选择其他工具. 4.顶部工具栏显示当前椭圆工具的参数按钮,点击"路径",

在jsp中怎么给文字加背景图片啊

问题描述 在jsp中怎么给文字加背景图片啊 动态生成的菜单 代码如下 function startParentNode(text){ //alert(text); if(""站址管理"" == text){ document.write('<table border=""0"" cellpadding=""1"" cellspacing=""0"&qu

VC++ MFC中标题栏的文字,如何横向滚动,用定时器实现的话怎么写呢?

问题描述 VC++ MFC中标题栏的文字,如何横向滚动,用定时器实现的话怎么写呢? VC++ MFC中标题栏的文字,如何横向滚动,用定时器实现的话怎么写呢? 解决方案 用CString的Mid函数,依次从左边去掉一个字符加在右边,然后设置下标题. 解决方案二: 主要就是定时器中每次都把字符串做一个偏移,然后再显示,这样看上去就是滚动的了

word2013中如何将文字倒过来

将文字倒过来步骤1:启动Word2013,首先,单击菜单栏--插入--形状,选择菱形,按住Shift键在空白页面上画出一个正菱形. 将文字倒过来步骤2:在格式选项卡下单击填充按钮,将其设置为红色,无轮廓,做为背景纸张. 将文字倒过来步骤3:下面准备插入艺术字,点击菜单栏--插入--文字--艺术字,选择红色方框标记的样式,如图所示. 将文字倒过来步骤4:.弹出编辑艺术字文字对话框,在文本中输入"福"字,字体为华文行楷,单击确定. 将文字倒过来步骤5:右击文字,从右键菜单中选择设置艺术字格

Excel2010批注中怎么插入文字

  Excel2010批注中怎么插入文字          方法/步骤 1.在电脑上安装Microsoft Excel软件,然后打开电子表格编辑器. 2.输入我们需要编辑的内容,怎么输入就不用讲了,这是最基本的电子表格编辑方法. 3.选定我们需要插入批注的单元格,然后点击右键菜单,在出现的菜单中选择"插入批注". 4.这时就会出现一个编辑文字的窗口,在窗口中输入我们要批注的内容(自己的不同见解或某些提示),然后点击其它单元格或回车确认,我们的批注就成功了,在单元格的右上角就会出现一个小

设计参考:网页设计中的渐变文字应用实例

使用色彩渐变作为一种处理类型是在网站设计中制作迷人的文字的一种非常流行的技术.它们用于多种情况:网站logo.介绍性文字.视觉元素等等.但是请特别小心:造成时尚或俗气的只是在Photoshop设置里面的一些小错误,一点细微的差别就可能适得其反. 如果你正好在寻找网页设计中的渐变文字类的实例和灵感,这里是一些很不错的例子.希望能为你的设计提供些参考. 虽然用Photoshop/Fireworks等制图软件可以很容易的创建漂亮的文字渐变效果,但是我们同样也可以用CSS创建漂亮的文字渐变效果,而用CS