在圖片上加文字代碼_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看起來眼花繚亂的。但只要做好了注釋，還是分得清楚的啦，主要是這樣弄看起來頁面整齊一點。

導航:首頁 > 文字圖片 > 在圖片上加文字代碼

在圖片上加文字代碼

與在圖片上加文字代碼相關的資料