css图片下面文字

㈠ 如何编写CSS将文字显示在图片下方

1、比如禅野我在div里面书写了一些文字，然后想要在放入一张贺丛喊图片，这时候小伙伴可能会直接想到img标签，其实这个想法是错误的。

㈡ 在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>

㈢ 如何用CSS往图片上嵌入文字

具体操作步骤如下：

一、首先是准备一个HTML文档，接着在HTML中添加一个DIV，并给DIV设置宽高和背景图片。

㈣ 在css中，如何让图片紧跟在一段文字的后面

如果是文字环绕图片的话，图片设置成浮动，文字直接输入

㈤ 如何用CSS，将文字隐藏在图片之下，然后将鼠标移到图片上就会浮现出来，下面是图片显示的案例，在线等

<style>
.box{position:relative;float:left;width:240px;height:160px;margin:10px}
.box.img{width:100%;height:100%;background-color:#fdd}
.box.txt{display:none;position:absolute;top:160px;width:320px;height:200px;background-color:#ddf;z-index:2}
.box:hover.txt{display:block}
</style>
<divclass="box">
<divclass="img">这里放图片</div>
<divclass="txt">这里放文字</div>
</div>
<divclass="box">
<divclass="img">这里放图片</div>
<divclass="txt">这里放文字</div>
</div>
<divclass="box">
<divclass="img">这里放图片</div>
<divclass="txt">这里放文字</div>
</div>
<divclass="box">
<divclass="img">这里放图片</div>
<divclass="txt">这里放文字</div>
</div>
<divclass="box">
<divclass="img">这里放图片</div>
<divclass="txt">这里放文字</div>
</div>
<divclass="box">
<divclass="img">这里放图片</div>
<divclass="txt">这里放文字</div>
</div>
<divclass="box">
<divclass="img">这里放图片</div>
<divclass="txt">这里放文字</div>
</div>
<divclass="box">
<divclass="img">这里放图片</div>
<divclass="txt">这里放文字</div>
</div>

㈥ css.文字怎么才能在图片的右边和下边。如下图：

图片设置：float:left;就可以了。