导航:首页 > 文字图片 > 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转换成一整张图片
- 图片内容转换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图片里面插入二维码