HTML图片和文字是并列显示的。如下:
HTML
<div class="img-group"> <img src="img/snow.png">
<div class="img-tip">我是雪豹</div></div>
CSS
.img-group { position: relative; display: inline-block;
}
.img-tip { position: absolute; bottom: 0; background: #333; color: #fff; opacity: 0.6; display: none;
}
.img-group:hover .img-tip { display: block; width: 100%; text-align: center;
}
② 网页设计 html 怎么在div图片里插入文字
把价格单独弄出来,以文字的方式显示。
然后给文字添加一个锚,在用CSS添加样式,
a:hover{ text-decoration:underline;}
③ DW编辑HTML时,怎么在图片上加字
编写html代码时,在图片世铅毁上加文字实质就是通过css样式设置文字的背景是图片。
1、搜备创建一个新的html文件
④ 在div插入的图片上写文字,怎么写代码
<divstyle="background:url(img.jpg)no-repeat;">
输入文字内容信息
</div>
⑤ 怎么用CSS+DIV在图片上布局文字
div是将网页区块化处理,css是给对应的div应用对应的样式,你所说的图片上进行文字处理,有两种办法,:1将图片变成该区块的背景图,<div style="background:url(images/index8_29.gif) repeat-y;">然后在这个区块中你就可以自己定义文字了,比如<div style="fontsize:12px;colour:#000000;margin-left:auto;
margin-right:auto;">所要放的文字</div></div>
⑥ 怎样用DIV在背景图片上添加文字
<div id="aaa"> <p>你想输入的文字</p> </div>
//css 样式表
#aaa{
background-image:url(图片路径)
}
这样就是div 插入背景图片 ,div 中的 P 包含文字。
⑦ 怎么用CSS+DIV在图片上布局文字
div是将网页区块化处理,css是给对应的div应用对应的样式,你所说的图片上进行文字处理,有两种办法,:1将图片变成该区块的背景图,<div
style="background:url(images/index8_29.gif)
repeat-y;">然后在这个区块中你就可以自己定义文字了,比如<div
style="fontsize:12px;colour:#000000;margin-left:auto;
margin-right:auto;">所要放的文字</div></div>