HTML怎样将图片中文字移到自己想要的位置

<div style="width:510px;height:356px;background:url(图片地址)";>
<center style="color:#66F;font-size:40px">添加文字</center>
</div>
文字是自己添加上去的,以上只能将文字移到图片中央,要移到下方操作?求解!
文字在图片当中!

现在center标签已经废弃掉了。

以p标签为例,如果把文字移到图片下方,直接p标签移到div标签外面就好了,不想这样的话,可以给p标签加个padding-top:356px,具体值随你喜欢

在图片中,把356改小点就好了啊,改到文字在图片里就可以了
温馨提示:内容为网友见解,仅供参考
第1个回答  2014-09-05
首先,最好不要用center这种标签了。
然后:
1、你可以给文字控件设margin-top:Xpx;
2、你可以把文字外面那个div设为position: relative;,文字的控件设为position: absolute;,然后用top:Xpx(具体多少自己定)设置文字离图片顶端的距离
PS:如果你要垂直居中,可以将X设为(图片高度的一半-文字高度的一半)
第2个回答  2014-09-05
<div style="width:510px;height:356px;background:url(图片地址)";>
<span  style="color:#66F;font-size:40px;text-align:buttom;padding-top:356px;">添加文字</span>
</div>

望采纳!

追问

不知道你用了这个代码行不行 我是实现不了字体下移的功能

html中,要让文字浮动到图片的右上部分,该怎么做?
1、首先,打开html编辑器,新建html文件,例如:index.html。2、在index.html中的<script>标签,输入js代码:<div style="background: url(small2.png); height: 60px;"> <span style="position: absolute;right: 10px;">123<\/span> <\/div> 3、浏览器运行index.html页面,此时文字成功浮动到...

html中怎样将文字或者图片放到指定的地方
用浮动或者定位都可以:定位更加精确 .pos1{ position:absolute;left: 10px;top: 20px;}

HTML CSS怎么移动字体位置?
1、打开Hbuilder编辑器,新建一个html空白文档,输入基本的结构,这里设置一个外围的div盒子,给外围的div高度宽度和背景颜色,文字包裹到span标签里,文字也设置一下颜色,按下Crtl+S保存一下:2、此时可以在软件右侧的窗口可以看到效果:3、把外围盒子的position属性设置为relative,span标签里的position属...

在html中如何把图片放到所指定的位置?
1、构思:一张大图片、一张小图片要形成什么意境,要事先构思好。2、获取图片地址:如果自己上传,完成后点显示源代码,复制图片地址备用。如果是网上现有图片,右击点“属性”,复制图片地址备用。注意记住图片的宽和高。3、进入编辑:进入自己的网站或博客后台,并使编辑器处于代码编辑状态。贴入代码:...

HTML 里面的图片怎么移动位置?
需要准备的材料分别有:电脑、chrome浏览器、html编辑器。1、首先,打开html编辑器,新建一个html文件,例如:index.html,填充问题基础代码。2、在index.html中的<img>标签,输入html代码:style="margin: 15px 20px 25px 30px;"。3、浏览器运行index.html页面,此时图片被成功移动了位置到距离左侧30...

html中怎么让文字在图片的上面?
1、在div里面书写了一些文字,然后想要在放入一张图片。2、首先,我们应该先给div设置宽度和高度,保证文字有一个范围。3、然后通过background给div添加一张图片作为它的背景。4、通过url()来连接图片,url里面放置的就是背景图片的路径。5、放一张图片用作背景,注意,路径要写对。6、保存之后文字就会...

在html里图片和文字同时在同一个div里怎么让图片浮动到图片的上面
将DIV的position设置为relative,利用绝对定位实现同级元素叠加,也可以用Float浮动让文字叠加在图像上方 1 2 3 4 <div style="position:relative"> <img src="" \/> <span style="position:absolute; left:0; top:50%;">这里显示文字<\/span> <\/div> 本回答由电脑网络分类达人 化晓峰 推荐 举报| 答案纠错 ...

html -- 图片上添加文字
以html为例,步骤:一、在body中建立文字信息以及图片内容,也就是在header中包含两个同级,图片和文字。二、在CSS中对文字图片进行简单样式添加,效果如图所示;大盒子使用描边显示,里面包含了图片和下面的文字。三、想要将文字弄到画面上去,这时候需要对header添加相对定位,对文字标签p添加绝对定位。四...

html怎样在图片右侧写文字
1、首先先准备图片素材和文字语言。2、添加CSS样式修饰,最外面的大框添加宽度居中。3、现在的图文是这样排版。4、想要将图文左右排版,无非是定位或者浮动,对图片块和文字块都添加了浮动效果后。5、如图添加浮动后,文字部分因为文字太长超出了他所用那的范围,所以被挤到到了下行的右侧。6、这时候,...

怎样把网页里的图片放到指定的位置
然后你用index关键字将其设置为1如果还不行的话,你看一下是不是有别的p把他挡住了?HTML网页路径找不到或不正确?你是写页面吧,在dw中编写页面代码,当创建一个新页面以后需要记得先存储这个页面然后再编辑,否则如果没有先保存的话链接的图片或者其他页面文件等都会自动使用绝对路径而不是相对,

相似回答