導航:首頁 > 文字圖片 > html文字在圖片下面
html文字在圖片下面
發布時間：2022-03-14 05:36:20可以制一個表格，把表格背景設為這個圖片。。。我也就只會這么做了，圖片大小可以隨表格大小調整，效果圖如下。。。 圖片有些不清楚，加一串代碼
<table background ="image/金色光點.png" width="600" height="500"border="0">
<tr>
<td class="y1" >我只會這么做了</td>
</tr>
</table>
希望有幫助....
『貳』 在CSS和HTML中,怎樣把文字放在圖片下面。如圖效果：
<style type="text/css">
dl{width:200px;float:left;margin:0;padding:0;}
dl dd{width:200px;margin:0;text-align:center;padding-bottom:10px;}
dl dd img{height:180px;width:180px;}
dl dt{height:25px;line-height:25px;text-align:center;width:100%;}
</style>
<dl>
<dd><img src="xx.png"/></dd>
<dt>標題</dt>
<dt>描述</dt>
</dl>
<dl>
<dd><img src="xx.png"/></dd>
<dt>標題</dt>
<dt>描述</dt>
</dl>
『叄』 <!-----如何才能將文字放在圖片的正下方，圖片並排放-----> div
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
.list li {float:left; display:inline; margin:5px;}
</style>
</head>
<body>
<div>
<span><a href="#">推薦商品</a></span>|<span><a href="#">Pruct</a></span>
</div>
<ul class="list">
<li>
<img src="E://圖片//1.jpg" align="bottom" >
<p>2010年新茶 明前極品龍茶</p><center>銷售價：￥198</center>
</li>
<li>
<img src="E://圖片//1.jpg" align="bottom" >
<p>太平猴魁特級</p><center>銷售價：￥168</center>
</li>
<li>
<img src="E://圖片//1.jpg" align="bottom" >
<p>六安瓜片特級</p><center>銷售價：￥98</center>
</li>
<li>
<img src="E://圖片//1.jpg" align="bottom" >
<p>安溪清香鐵觀音特級</p><center>銷售價：￥89</center>
</li>
</ul>
</body>
</html>
代碼修改成這樣就可以了，把幾個IMG分別裝到列表裡面，然後定義一下這個列表的樣式即可
文字部分用了一下p標簽，給內容分一下行，代碼看起來會規范一些。
另外，img標簽是不需要閉合的，我把</img>給刪掉了。
『肆』 html css怎麼樣才能把文字放在圖片的正下方
<!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>
『伍』 html中怎麼讓輸入的文字顯示在圖片的下方
個人推薦你用個table，這樣控制性強一些
詳解：
<table>
<tr><!--這里是一行-->
<td>
<img src="http://www..com/img/_logo.gif"/>
</td>
</tr>
<tr><!--這里是下一行-->
<td>
這里的文字在下方
</td>
</tr>
</table>
不懂html語言的話 可以再次留言
『陸』 html里怎麼把文字加在對應照片下面
利用div標簽，比如：
<div>
<div>
<img src="xxx.jpg">
</div>
<p>輸入你想要的內容</p>
</div>
注意css定位好即可。。。
不懂再問
『柒』 html在盒子內將文字放在圖片下方
比較簡單的做法就是，將他們放置一個盒子內，你想讓文字跟圖片居中，那麼不一定要讓圖片當文字的參照物，而是讓他們在大盒子內居中，不需要太復雜的框架結構，只需要利用樣式的屬性即可，並且各個瀏覽器都會正常顯示，代碼如下：
<div class="box">
<img src="6107.jpg">
這里是居中的文字
</div>
<style>
.box{width:300px; text-align:center; font-szie:18px;}
.box img {width:100%;}
</style>
『捌』 HTML如何在圖片下面打出文字
圖片一個div文字一個div。或者圖片和文字在一個div里，把圖片的寬設置成100%。或者在圖片後面加<br />標簽。
『玖』 我用記事本編輯HTML，怎樣把文字置於圖片正下方
<divstyle="text-align:center;">
<imgsrc="圖片地址/圖片名稱.jpg">
<p>你要輸入的文字</p>
</div>
如果圖片和文字在同個div內，那就把div的css設置為text-align: center;
『拾』 如何編寫CSS將文字顯示在圖片下方
1、比如我在div裡面書寫了一些文字，然後想要在放入一張圖片，這時候小夥伴可能會直接想到img標簽，其實這個想法是錯誤的。
與html文字在圖片下面相關的資料
- 圖片內容轉換word文檔的軟體
- 男人靠的是實力圖片文字
- 養生朋友圈素材文字圖片
- 翻白眼圖片配什麼文字
- 在word中編輯excel圖片
- 什麼軟體圖片上加文字圖片
- 親愛的辛苦了文字圖片
- 焦點文字圖片
- WORD添加圖片窗
- word插入圖片嵌入型改回
- word中怎麼把兩張圖片拼接到一起
- word圖片都擠到一起了
- 感謝一路有你文字圖片
- word文檔圖片怎麼換成黑白色
- 圖片放在word裡面變成白色
- word圖片兩端對齊沒反應
- word插入圖片在圖片中插入二維碼
- 能夠連起來的小文字圖片
- word文字裡面如何插入圖片
- 抖音里的文字背景圖片怎麼弄的
- word圖片里加水印加滿整頁怎麼弄
- 文字在線生成圖片
- word列印圖片怎麼設置布滿a4頁面
- 如何在word圓形里插入圖片
- word中的圖片不能選中圖片
- word內圖片列印出來缺失
- word變白圖片
- 朋友圈小文字圖片
- 圖片放進word顯示不出來
- 想媽媽的圖片文字
- word文檔怎麼挪圖片位置
- 圖片插入到word中有部分看不到
- 圖片背景透明文字不透明
- word每頁插入4張圖片快速批量處理
- 堅持養生文字圖片
- word中怎麼單獨列印一頁中的圖片
- 你我都值得成為更好的人文字圖片
- word圖片裡面插入二維碼
- qq背影圖片文字控白色
- word圖片無法點選
- 踏實文字圖片
- 怎麼去除掉圖片上的文字塗鴉