猿问

通过CSS+DIV怎么将文字写在图片上方

通过CSS+DIV怎么将文字写在图片上方


繁星coding
浏览 6228回答 3
3回答

宝慕林4294392

 第一种方法、添加一个DIV,采用绝对定位,图片所属DIV为基准。  参考代码如下:123456<div&nbsp;style="position:relative;width:100px;height:100px;">&nbsp;&nbsp;&nbsp;&nbsp;<img&nbsp;src=""&nbsp;alt=""&nbsp;/>&nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;style="position:absolute;width:100px;height:100px;z-indent:2;left:0;top:0;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;文字&nbsp;&nbsp;&nbsp;&nbsp;</div></div>  第二种方法、图片作为背景图片。  参考代码如下:123<div&nbsp;style="background:url(abc.jpg)&nbsp;no-repeat&nbsp;left&nbsp;top;">&nbsp;&nbsp;&nbsp;&nbsp;wenzi</div>&nbsp;

梵蒂冈之花

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css"><!--#apDiv1 {position:absolute;width:200px;height:115px;z-index:1;left: 119px;top: 14px;}--></style></head><body><div>此处显示新 Div 标签的内容<div id="apDiv1">asdfasdf</div></div></body></html>
随时随地看视频慕课网APP

相关分类

CSS3
我要回答