图片中的文字转换成WORD文档_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
评价文档：
1页免费5页免费3页免费1页免费4页免费4页免费1页免费5页免费2页免费3页免费
喜欢此文档的还喜欢4页2下载券9页2下载券13页免费44页2下载券44页免费
图片中的文字转换成WORD文档|
把文档贴到Blog、BBS或个人站等：
普通尺寸(450*500pix)
较大尺寸(630*500pix)
你可能喜欢代码3-图片加框+图片上写日志+信纸+文字特效+绝对定位+水中倒影+文字加框
【图片加框】
& 单线框代码
&center&&img src=&图片地址& style=&border:8 solid #ff0000&&&br&&br&&br&&/center&
&&& 效果图如下：
& 双线框代码
&center& &img src=&图片地址& style=&border:8 double green&&&br&&br&&br&&/center&
&&& 效果图如下：
凹进框代码
&center& &img src=&图片地址& style=&border:25 inset #ff88ff&&&br&&/center&
&&& 效果图如下：
凸出框代码
&center& &img src=&图片地址&style=&border:25 outset #ff9900&&&br&&br&&br&&/center&
&&& 效果图如下：
邮票框代码
&center& &table style=&border:3 dashed #f6ae56& cellspacing=&5& cellpadding=&0& bgcolor=&#f6ae56&&&tr&&td bgcolor=&#aeffae& width=200 height=300 align=center valign=middle&&img src=&图片地址&&&/td&&/tr&&/table&&/center&
&&& 效果图如下：
& 立体阴影框代码
&CENTER&&TABLE style=&FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#f6ae56,direction:145,strength:15)& height=300 cellSpacing=3 cellPadding=15 width=220 border=2&&TBODY&&TR&&TD vAlign=center align=middle bgColor=#ffffff&&IMG src=&图片地址&&&/TD&&/TR&&/TBODY&&/TABLE&&/CENTER&
&&& 效果图如下：
& 图片虚线边框效果代码
&IMG src=&图片地址& style=&FILTER: Gborder-width:8;BORDER-STYLE:& border=0&
&&& border-width:8表示边框宽度，数值可改。
&&& 效果图如下:
& 边框效果代码
&DIV align=center style=' color: #990099; background-color:#FFFFE0; border: solid 4 width: 270 height: 100 overflow: scrollbar-face-color: #ffc0scrollbar-shadow-color: #ffb6c1;scrollbar-highlight-color: #98fb98;scrollbar-3dlight-color: #ffb6c1;scrollbar-darkshadow-color: #90ee90;scrollbar-track-color: #scrollbar-arrow-color: #f5deb3;'&这里放你想放的日志内容&/DIV&
&&& 效果图如下：
这一秒不失望，下一秒就有希望！
& 发光效果
&div style=&filter:Glow(color=#4A7AC9,strength=15);width:200;height:300& align=center&&br&&img src=&图片地址&&&/div&
&&&&& 发光:(color为发光颜色代码,strength是发光强度,滤镜宽width=图宽+发光强度x2 滤镜高height=图高+发光强度x2+10)
&&& 效果图如下：
【左图右字】
&P&&IMG& src=&图片连接地址& height=130 width=100 align=left&文章内容：这一秒不失望，下一秒就有希望！&BR&&&BR clear=left&&/P&
&&& 注：heiht width 是图片的高和宽。clear是指文章内容上中下，可自由调整或者手动移位皆可。
&&& 如需右图左字代码，只需将align=left中的left改成right即可。
&&& 效果图如下：
文章内容：这一秒不失望，下一秒就有希望！
【图片上写日志】
&div align=&center&&&div style=&PADDING-RIGHT:0 PADDING-LEFT: 10 BACKGROUND: url(图片地址);FONT: 12px/25 WIDTH: 490 PADDING-TOP:14 HEIGHT: 268px&&&br /&&div align=&left&&&div style=&PADDING-RIGHT: 0 PADDING-LEFT: 10FILTER: alpha(opacity=60); WIDTH: 400 HEIGHT:228px&&&/div&&/div&&br /&&/div&&/div&
&&& 在编写日志时，右下角有个切换到代码视图，选钩即可，然后把上面代码粘贴进去（注意：图片地址任选填入，代码放入后要切回普通视图，然后在图片中双击即可编辑文字，大小自己调适）。
【信纸代码】：
&div align=&center&&&div style=&PADDING-RIGHT: 0 PADDING-LEFT: 10 BACKGROUND: url(); FONT: 12px/25 WIDTH: 560 PADDING-TOP: 14 HEIGHT: 465px&&&br /&&div align=&left&&&div style=&PADDING-RIGHT: 0 OVERFLOW-Y: PADDING-LEFT: 50 SCROLLBAR-FACE-COLOR: # FILTER: alpha(opacity=60); OVERFLOW-X: PADDING-BOTTOM: 0 FONT: 12px/25 SCROLLBAR-HIGHLIGHT-COLOR: # WIDTH: 405 SCROLLBAR-SHADOW-COLOR: # COLOR: # SCROLLBAR-3DLIGHT-COLOR: # SCROLLBAR-ARROW-COLOR: # PADDING-TOP: 0 SCROLLBAR-TRACK-COLOR: # SCROLLBAR-DARKSHADOW-COLOR: # HEIGHT: 206px&&&/div&&/div&&br /&&/div&&/div&
【文字特效】参数汇总解析：#xxxxxx表示颜色代码，替换改变相应颜色strength表示强度（如发光效果等）direction投影等角度（必须添45的倍数）
投射阴影效果：&div style=&FILTER: Shadow(color=#660099,direction=135); HEIGHT: 10font-size:330pt& face=&隶书& color=#009900&投射阴影效果&/div&
发光效果：&div style=&FILTER: glow(color=#FF0000,strength=3); HEIGHT: 1& face=&楷体& color=&#ffffff& size=&4&&天生我材必有用&/div&
渐变效果：&div style=&FONT-SIZE:30filter:alpha(opacity=100,style=1);WIDTH:100%; COLOR:LINE-HEIGHT:100%;FONT-FAMILY:华文行楷&&&B&为伊消得人憔悴&/B&&/div&&/P&
带背景字体：&P align=center&&FONT style=&BACKGROUND-COLOR: #ffe4c4& color=#daa520 size=6&花自飘零水自流&/FONT&&/P&
&div style=&FONT-SIZE: 30 FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书&&&B&相见时难别亦难&/B&&/div&
&div style=&FONT-SIZE: 30 FILTER: shadow(color=#87CEFA, strength=50); WIDTH: 499 HEIGHT: 89px&&&FONT face=隶书 color=#1e90ff&&CENTER&&B&无言独上西楼月如钩&/B&&/FONT&&/CENTER&&/div&
天生我材必有用
投射阴影效果
为伊消得人憔悴
花自飘零水自流
相见时难别亦难
无言独上西楼月如钩
【绝对定位】.
&DIV style=&RIGHT: <font color="#ff POSITION: TOP: <font color="#ffpx&&&TABLE cellSpacing=0 cellPadding=0 border=0&&TBODY&&TR&&TD&特效代码&/TD&&/TR&&/TBODY&&/TABLE&&/DIV&
居左代码:&p align=&left&&任何东西的代码&/p&
居中代码:&p align=&center&&任何东西的代码&/p&
居右代码:&p align=&right&&任何东西的代码&/p&
【水中倒影】
&P&&IMG src=&图片地址& width=&240& height=&180&&&BR&&IMG id=&reflection& src=&图片地址& style=&filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()& width=&240& height=&180&&&/P&
【图片链接与文字链接代码】
图片链接：
<font color="#. &a href=&链接地址& target=&_blank&&&img src=&图片地址&&&/a&&&&
2. &A href=链接地址 target=_blank&&IMG src=图片地址 height=自填数字 width=数字 border=0&&/A&
文字链接：
1.& &A href=链接地址 target=_blank&要链接的文字&/A&
2.& &A HREF=&链接地址& TARGET=&_blank&&&FONT COLOR=&#FF0000&&要链接的文字&/FONT&&/A&&FONT COLOR=&#FF0000&&
参数汇总解析：
#xxxxxx表示颜色代码，替换改变相应颜色
strength表示强度（如发光效果等）
direction投影等角度（必须添45的倍数）、模糊阴影的角度
& 投射阴影效果代码
&div style=&FONT-SIZE: 30 FILTER: Shadow(color=#660099,direction=135); HEIGHT: 10pt&&&font size=&5&&你想写的字&/font&&/div&
发光效果代码
&div style=& FONT-SIZE: 30FILTER: glow(color=#FF0000,strength=3); HEIGHT: 1& face=&楷体& color=&#ffffff& size=&4&&你想写的字&/div&
需要说明一点的是在&div&标签中文字如果没有达到width边界时不会自动换行，这是需要我们切换到代码试图在要换行的地方打入&br&就可以实现换行效果。
模糊文字代码
&DIV style=&FILTER:Blur(direction=150); WIDTH: 480 HEIGHT: 140px&&你想写的字&/div&
波浪文字代码
&DIV style=&FILTER: Wave(strength=5,lightstrengh=5); WIDTH: 480 HEIGHT: 140px&&你想写的字&/div&
渐变效果代码
&div style=&FONT-SIZE:30filter:alpha(opacity=100,style=1);WIDTH:100%; COLOR:LINE-HEIGHT:100%;FONT-FAMILY:华文行楷&&&B&你想写的字&/B&&/div&&/P&
带背景字体代码
&P align=center&&FONT style=&BACKGROUND-COLOR: #ffe4c4& color=#daa520 size=6&你想写的字&/FONT&&/P&
带背景字阴影效果代码
&div style=&FONT-SIZE: 30 FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书&&&B&你想写的字&/B&&/div&
带背景字长阴影效果代码
&div style=&FONT-SIZE: 30 FILTER: shadow(color=#87CEFA, strength=50); WIDTH: 499 HEIGHT: 89px&&&FONT face=隶书 color=#1e90ff&&CENTER&&B&你想写的字&/B&&/FONT&&/CENTER&&/div&
荧光字代码
&div style=& FONT-SIZE: 30FILTER: glow(color=FF60AF,strength=4); HEIGHT: 1&& 你想写的字&/div&&
【给自己的个人信息和介绍加上边框】：
&div style=&border: 1px dashed #ffffff;background-color: #AE0000&&文字内容&/div&
&&& 其中border后面的数字是指边框的粗细，dashed指边框样式，#AE0000为边框颜色，background-color指边框内的背景颜色。不过建议大家不要用background-color属性，省略掉和博客背景的颜色更好配合。以下是四种不同的边框样式：
实线:&&& &div style=&border:1px solid #f990033;&&文字内容&/div&
外凸:&&& &div style=&border-style: border-width:1&&文字内容&/div&
双线:&&& &div style=&border:3px double #990033;&&文字内容&/div&
虚线:&&& &div style=&border:1px dashed #990033;&&文字内容&/div&
&&& 大家可以根据个人喜好更改颜色，样式，用&div&添加边框并不只限于档案文件中的自我介绍，要是想给日志添加文字框也可以使用&div&标签，也就是把上面代码中的&文字内容&换成你的日志内容就可以了。自我介绍的文字的颜色，大小可以用&font&标签更改，如果想用分割线把新添加的图片和文字分隔开来可以用&hr&标签。
&&最后修改于
请各位遵纪守法并注意语言文明HTML代码。图片在上，一排四个，下面是一排排文字，每排文字中间需要有分隔符_百度知道
HTML代码。图片在上，一排四个，下面是一排排文字，每排文字中间需要有分隔符
我有更好的答案
直接用DW编辑一下，查看一下代码，你就知道怎么做了。
其他类似问题
分隔符的相关知识
您可能关注的推广
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁}