導航:首頁 > 文字圖片 > 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文字在圖片下面相關的資料
- 悲傷逆流成河圖片文字
- 親愛的文字圖片
- 勵志雞湯唯美圖片配文字
- wpsword列印圖片如何讓圖片清晰
- 超清文字圖片
- webp圖片放入word中
- 怎麼在word中將圖片設置環繞方式
- word文檔轉圖片工具注冊碼
- 文字控圖片白底黑字手寫
- 天堂的圖片跟文字
- word怎麼在圖片上透明打字
- 微信動態圖片加文字
- 雨天的圖片帶文字
- 陰債文字圖片
- 許嵩創意文字圖片
- word文檔使圖片均勻分布
- 好丟臉文字的圖片
- 文字頭像圖片2021最新
- 怎麼移動word裡面的圖片位置
- 明星曬娃配文字的圖片
- word中圖片正常可以預覽但列印不出來
- PS創意圖片裡面英文字
- 文字與圖片結合圖片
- 加文字的圖片
- 傷感文字男人背影圖片
- 圖片中英文字母
- 關於愛情的圖片文字
- word怎麼給多個圖片加邊框
- word圖片導出的pdf不完整
- 圖片壁紙word
- 春節吃方便麵的圖片和文字
- word2003表格插入圖片
- 能加文字圖片語音軟體
- 表達心裡不爽的文字圖片
- word2007怎麼把圖片保存到桌面
- word怎麼把圖片連成一體
- word藍色背景圖片
- word文檔如何幾張圖片疊加在一起
- 花門文字圖片
- word文檔保存時自動壓縮圖片
- word文檔圖片改文本
- word圖片怎麼放到表格不擋住