导航:首页 > 万维百科 > 网页设计把文字放在图片下

网页设计把文字放在图片下

发布时间:2020-09-14 06:46:36

1、网页设计中如何把文字写在图片下面,,俺是个菜鸟,,各位大虾帮帮忙

<div>
<dl><img src="图片地址" alt="" /></dl>
<dd>这里是文字</dd>
</div>

CSS样式自己设置下就好了。

2、网页设计技术,怎么把图片上面的文字弄到图片的下面来啊。应该在哪里加代码呢,求大神

把图片定义为背景或者写入CSS样式表中,然后就可以在上面布局文字了。

3、网页设计 html 怎么在div图片里插入文字

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

4、网页设计中如何将文字和图片一起排版

我做网页5年了,到现在也没找到最好的办法。
变通的方式:
画表格,border=0,适当拆分单元格,图片和文字分别放入不同的单元格里,按照需要的方式左或右对齐。
祝你好运。

5、网页设计问题:文字怎样紧靠在图片正下方

用CSS样式

6、网页设计时如何将图片和文字位于同一水平?

网页设计时将图片和文字位于同一水平方法:

一、不要给文字标签加属性。给img{vertical-align: middle;}一个属性即可。

二、img标签向左浮动,给文字加一个标签(例如span),然后设置文字标签为块状,并设置上(内/外)边距。span{ display:inline-block; margin-top:4px; margin-top:4px;} 内边距,外边据均可,最好是内边距。

三、给文字加个标签(例如span),同时控制这两个标签浮动。并给文字加行高,其值为图片高度值。

7、在用htlm制作网页的时候怎么将图片下移,就是放在字的下面

上图是效果

代码如下:

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

8、网页设计 如何让图片在左 文字在右

在dw里的时候,图片在文字上方。在图片的<img>里写 float:left;
<img src="a.jpg" style="float:left;" />

9、网页设计中如何让把文字放在图片上显示

方法有很多
给你介绍一个最简单的
<div
style="width:200px;
height:200px;
background-image:url(MDgxOTE3LXRoNXh4Nw==.jpg)">
div设置背景图片
</div>
其次还可以通过div的定位来做
还有就是通过水印来做
总之更具不同的需求用不同的方法
灵活多变

10、网页制作中怎样将文字紧贴在图片下方

可以使用一些打字软件,或者是把图片跟写好的字排好位置,然后再已屏幕截图的方法截好。

与网页设计把文字放在图片下相关的知识