<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.d1{
width: 400px;
height: 250px;
background-color: red;
text-align: center;
}
</style>
</head>
<body>
<div>
<img width="200px" height="150px" src="dddd.png" />
<br/>
你啥時候嫁給我,hahahahaahahahahahaah
</div>
</body>
</html>
————————————————
這樣就會能夠將文字放在圖片的正下方,得到以下圖片:
文字位於正右邊的方法:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
.d1{
width: 400px;
height: 250px;
background-color: red;
}
.d2{
vertical-align: middle;
}
</style>
</head>
<body>
<div>
<img width="200px" height="150px" src="dddd.png" />
你啥時候嫁給我
</div>
</body>
</html>
『貳』 在網頁中,怎麼給圖片添加文字
把圖片定義為背景或者寫入CSS樣式表中,然後就可以在上面布局文字了。
『叄』 html怎麼把文字放在圖片上啊
一種方法是將圖片設置為背景,文字就可以顯示在圖片背景上面了。
另一種方法就是圖片和文字各用一個DIV,文字的DIV覆蓋在圖片DIV上面
其實圖片做背景就行了,最簡單。
『肆』 html中怎麼讓文字在圖片的上面
1、在div裡面書寫了一些文字,然後想要在放入一張圖片。
『伍』 怎樣在網頁設計中,在圖片上添加文字
可以用PHOTOSHOP來實現
如果你用的是DREAMWEAVER8的話最好用FIREWORK好一些。
先打開圖片,然後在點擊工具欄的
A
按鈕就可以在圖片上添加你想要的文字了
不會連這種操作都看不懂吧~!
『陸』 html怎麼把字放在圖片上
把圖片弄成背景就可以實現文字在圖片上了
『柒』 網頁設計中怎麼在圖片上添加文字
1、這個在PS中還是很好實現的啊;
2、如果實在不會PS,用美圖秀秀也可以的啊;
3、當然,如果你問的是如何代碼實現這個效果,那也有很多方法,常見的就是圖片作為背景,然後框里寫文字,或者插入圖片,問題做定位就可以
『捌』 網頁設計中如何讓把文字放在圖片上顯示
把圖片設為背景即可,以下是修改後的代碼<html>
<head>
<title>框架</title>
<style>
.father{
width:500px;
height:250px;
border:1px
solid
#f76f01;
background-color:#ffffff;
}.son1{
float:left;
font:12px;
height:
}
</style>
</head>
<body>
<div
class="father"><div
class="son1"
style="background-image:url(image/1.jpg);width:100%;height:50px">把此文字放在上面的粗條上</div>
</div>
</body>
</html>
『玖』 網頁設計中如何讓把文字放在圖片上顯示
方法有很多
給你介紹一個最簡單的
<div
style="width:200px;
height:200px;
background-image:url(MDgxOTE3LXRoNXh4Nw==.jpg)">
div設置背景圖片
</div>
其次還可以通過div的定位來做
還有就是通過水印來做
總之更具不同的需求用不同的方法
靈活多變
『拾』 怎麼把文字置於圖片上
把文字置於圖片上,可以使用PS來製作,具體方法是:
1、在PS中打開圖片。
2、選擇文字工具。
3、設置文字的字體、字型大小、顏色排列方式等屬性。
4、鍵入所需要的文字。
5、拼合圖像後存貯。