css如何在图片上加字
答：1、首先在div里面书写文字，然后放入1张图片。2、这时应该先给div设置宽度和高度，保证文字有1个范围。3、然后通过background给div添加1张图片作为它的背景。4、然后通过url()来连接图片，这个时候url里面放置的就是背景图片的路径。5、然后放入1张图片用作背景，注意路径正确。6、最后点击保存，文字就会...
答：一、首先是准备一个HTML文档，接着在HTML中添加一个DIV，并给DIV设置宽高和背景图片。二、接下来运行页面就可以看到如下图所示的带背景图片的div了。三、然后在div中包裹文字就可以了，如下图所示。四、运行页面我们就可以看到图片上显示出文字了，如下图所示，以上就是用CSS往图片上加文字的实现了。
答：1、首先，打开html编辑器，新建html文件，例如：index.html。2、在index.html中的标签中，输入css代码：span {position: absolute; top: 45px; left: 180px;}。3、浏览器运行index.html页面，此时成功通过css设置了文字在图片上面居中显示。
答：设置css文字浮于图片上方的方法如下：1、首先，引入背景图片。在HTML中，给要显示在图片上方的文字所在的元素设置backgroundimage属性，并设置相应的路径和大小。2、其次，设置背景图片大小。和div大小不同，则我们需要调整backgroundsize属性，使图片适配div大小。3、然后，绝对定位。对于不能将图片作为背景...
答：div是将网页区块化处理，css是给对应的div应用对应的样式，你所说的图片上进行文字处理，有两种办法，：1将图片变成该区块的背景图，然后在这个区块中你就可以自己定义文字了，比如所要放的文字
答：以html为例，步骤：一、在body中建立文字信息以及图片内容，也就是在header中包含两个同级，图片和文字。二、在CSS中对文字图片进行简单样式添加，效果如图所示；大盒子使用描边显示，里面包含了图片和下面的文字。三、想要将文字弄到画面上去，这时候需要对header添加相对定位，对文字标签p添加绝对定位。四...
答：1. 将文字浮在图片上我们加个div把图片和文字包在一起，并且加上img-group和img-tip这两个class，便于后面的处理。我们要让文字浮在图片上面，需要加上定位。看文字浮在了图片的底部。display: inline-block;与定位无关，只是使整个.img-group长宽与图片适应。2. 文字与背景处理文字左对齐，我们把...
答：div是将网页区块化处理，css是给对应的div应用对应的样式，你所说的图片上进行文字处理，有两种办法，：1将图片变成该区块的背景图，然后在这个区块中你就可以自己定义文字了，比如所要放的文字
答：1:添加一个DIV,采用绝对定位，图片所属DIV为基准 2:图片为背景图 第一种方法: 文字 第二种方法: 文字
答：第一种 .div{width: 200px;height: 200px;background: url("图片路径") no-repeat;} 你的文字内容 第二种 .div{width: 200px;height: 200px;position: relative;z-index: 0} .div img{position: absolute;top: 0;left: 0;width: 100px;height: 100px;} .div p{position: abs...
网友评论：
宣封18199578916：
如何使用CSS给图片加上说明
16553雷力
： 鼠标悬停在图片上的时候会有提示. 如果你要在图片上加文字的话,有两个方案, 一个是把图片设为某单元格的背景图片,然后单元格里加上文字就好了; 另一个是创建一个层,使用style=＂ :px; ＂绝对定位到图片所在位置,然后在层里添加文字即可.
宣封18199578916：
html+css如何在图片上添加文字 -
16553雷力
： 绝对定位了解一下. <div class=＂box＂><img src=＂图片路径＂><p>我是文字我是文字</p> </div>.box{position:relative; width:500px;} .box img{width:100%;} .box p{position:absolute;width:300px;height:60px;left:100px;bottom:0px;}
宣封18199578916：
图片低端添加文字用CSS怎么做 -
16553雷力
： 先将文字和图片放入同一个父容器: <a href=＂链接地址＂ class=＂img-box＂> <img src=＂图片地址＂ /> <p>我是要显示的文字</p></a>然后在CSS里这样写: .img-box {position:relative;}.img-box img {border:none;}.img-box p {width:100%; position:absolute; left:0; bottom:0; text-align:center; color:#fff;}
宣封18199578916：
用HTML和CSS在背景图片上添加文字
16553雷力
： 你可以上面的图片把文字去掉当背景,之后直接打字上去就行了.一般栏目标题为14个像素大小.文字为12(px)像素.还有,你问题说的不太清晰. 我觉得你的问题是要问在空白的地方加文字是吧.那样的话你得先把图切出来...把框架做出来.然后直接打字上去就行了,CSS是式样.文字的话,可以修饰文字的大小,颜色,字体等.说了那么多不知道你明白没有.嘻嘻 本回答被提问者和网友采纳
宣封18199578916：
怎样能用css作出文字叠加在图片上的效果 -
16553雷力
： 简单点就是background做背景就可以了.或者用position定位,然后index设置层数,数字越大,显示越靠前<div style=＂position:relative;＂> <img src=＂图片＂ style=＂position:absolute;index:1;＂> <span style=＂positon:absolute;index:2;＂>文字</span></div>
宣封18199578916：
怎么用CSS+DIV在图片上布局文字? -
16553雷力
： 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>
宣封18199578916：
在css html图上加文字 -
16553雷力
： <div> <img src=＂img.png＂> <span>Text</span> </div>div{ position:relative; } div span{ position:absolute; top:0; left:0; }利用相对定位来完成,(以上非最终代码,仅体现思路).
宣封18199578916：
用div编写网页怎么在图片上面写字 -
16553雷力
： 我给你举三个CSS的例子一、图片 1、你可以用background来实现,也就是添加为层的背景. .middle{background:url(../images/head-bg.gif);} 2、也可在层里直接添加图片进去, <div class=＂middle＂><img src=＂images/middle.gif＂ width=＂...
宣封18199578916：
简单的图片加文字的css和div怎么写啊? -
16553雷力
： <div ><p>文字内容</p><img src=＂###＂ /> <!--##表示你图片的路径--></div>//css内容img{div { font-family: ＂宋体＂; font-size: 12px; color: #0000FF;}img { height: 400px; width: 500px;}按照你实际的需求添加就可以了.
宣封18199578916：
文字在图片上面怎么写CSS代码
16553雷力
： pic {position:relative; margin-top:0px;} .pic p{position:absolute;top:44px; left:8px; width:135px; text-align:center;} pic p{background:#000; filter:alpha(opacity=70); /*IE*/ -moz-opacity:0.70; /*MOZ , FF*/ opacity:0.70;/*CSS3, FF1.5*/} .pic p a{color:#fff; text-decoration: none;}定义就好
