在图片上加文字代码_html+css怎么在图片上添加文字

‘壹’ 在HTML中，怎么在图片上添加文字

一种方式:直接将这个图用ps处理，还有一种html里面有层级代码，修改代码将字这一层放在图片上面

方法1: ps写在图片上

方法2: 给标签加入图片背景, 在标签里面写字

方法3: 使用img加载图片, 样式设置为固定或绝对定位, 添加样式

z-index:-1;

然后写字

<span>dadasdasdas</span>
<imgsrc="XXXX"style="background:rgb(142,107,249);position:absolute;left:0;top:0;width:100%;height:100%;">

‘贰’ HTML怎样在图片上添加文字，请给我一段代码，谢谢啦

将这张图片设置为背景，然后在里面加文字，加入的图片代码是：<img src="img.gif" width='100px"
height="50px">,改成<div style="background:url('img.gif')
no-repeat;width:100px;height:50px">这样就可以图片上加文字了</div>

‘叁’ 如何用代码在背景图片上面写字

在这里我想介绍用代码命令在背景图片上面写字，就目前我知道的代码有两种，代码如下；1． <table width="100%" border="0"<tr <td height="384" background="图片网址"</td</tr</table2． <TABLE cellSpacing=0 cellPadding=0 width=540 border=0<TBODY<TR <TH vAlign=top scope=col align=left background="图片网址"height=400文字</TH</TR</TBODY</TABLE 具体方法如下：发表文章——勾选“显示源代码”——在编辑栏内添加以上一种代码——将你预先找好的图片网址复制粘贴进去，（嘿嘿，记得把代码中的图片网址去掉哦，要保留引号）这一步完成后，将“显示源代码”的勾去掉，在编辑栏中就看到图片了，光标是在图片上把，这时你就像平常写作一样，写完发表就可以了。注：height="384”可以改动。看我博客中“相思总是情未了” 实例，就是用第一种代码做的。

‘肆’ 在HTML中，怎么在图片上添加文字

摘要

‘伍’ html怎么在图片上加字

可以试试将图片设置为背景，然后在里面加文字，你加入的图片代码是：<img src="img.gif" width='100px" height="50px">你改成<div style="background:url('img.gif') no-repeat;width:100px;height:50px">这样就可以图片上加文字了</div>

‘陆’ 用php代码怎么以背景图片加上文字生成新的图片,然后在标题处绝对调用该图片

<?php
ob_clean(); //清除输出缓存
header("Content-type:image/jpeg"); //设置输出类型
$img="images/test.jpg"; //背景图片名
if(isset($_GET["img"]))$img=$_GET["img"]; //也可以通过img参数传入
$im=imagecreatefromjpeg($img); //读入背景图片
$text="文字内容"; //要加上的文字内容
if(isset($_GET["text"]))$text=$_GET["text"]; //也可以通过text参数传入
$fontFile="xxx.ttf"; //字体文件名，必须要
$fontSize=36; //字体尺寸
$fontColor=ImageColorAllocate($im,0,0,0); //字体颜色，这里是黑色
$textAngle=0; //文字显示的角度，0表示水平显示
$textLeft=20; //文字显示的x坐标
$textTop=60; //文字显示的y坐标
imagefttext($im,$fontSize,$textAngle,$textLeft,$textTop,$fontColor,$fontFile,$text); //把文字覆盖到图片上
Imagejpeg($im); //输出图片
ImageDestroy($im); //销毁图片
?>
把以上文字保存为php文件，比如 img.php
然后在需要调用图片的地方用 <img src="img.php?img=背景图片文件路径&text=要加上的文字"/> 来调用
比如 <img src="img.php?img=images/back.jpg&text=你好"/>

‘柒’ html -- 图片上添加文字

可以。

以html为例，步骤：

一、在body中建立文字信息以及图片内容，也就是在header中包含两个同级，图片和文字。

‘捌’ 在图片中加入文字的代码怎么用啊

你的意思是不是以图片为背景？可以用CSS搞定，代码如下： <div style=background-image:url(bg.jpg)>呵呵，我显示在图片中了！</div> 希望对你有帮助。

记得采纳啊

‘玖’ 在div插入的图片上写文字,怎么写代码

<divstyle="background:url(img.jpg)no-repeat;">
输入文字内容信息
</div>

‘拾’ html+css怎么在图片上添加文字

要在图片上显示文字，还要在放大缩小的时候文字不到处乱跑，这个就要用盒模型里面的大盒子套小盒子的方法了。下面举个小例子给你看看。

html大致样子：

<body>

</div>

<div id="wenzi">这里是文字</div>

</div>

</body>

css文件：

#box1{

position:relative;

width:500px;

height:500px;

margin:0 auto;

}

#box2{

position:relative;

width:100%;

height:100%;

}

img{

position:relative;

clear:both;

width:100%;

height:100%;

}

#wenzi{

position:relative;

clear:both;

width:100%;

top:-50%;

text-align:center;

color:black;

font-size:2em;

}

效果图片：

用这种方法有个好处，就是做响应布局的时候，或者用户在浏览器上放大缩小的时候，网页整体也跟着放大缩小，不会元素到处乱跑或者某个文字跑出来，这样看起来整体感要强烈一点。

这种做法的不足之处：div盒子有点多，html代码看起来比较臃肿，大盒子套着小盒子。做大页面的时候一个htm看起来眼花缭乱的。但只要做好了注释，还是分得清楚的啦，主要是这样弄看起来页面整齐一点。

导航:首页 > 文字图片 > 在图片上加文字代码

在图片上加文字代码

与在图片上加文字代码相关的资料