mydy.net
当前位置:首页 >> 如何编写CSS将文字显示在图片下方 >>

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

给图片设置一个CSS属性:display:block; 就可以了

光css是不行的,你可以这样来设置<li><img src="图片地址"><p>文字</p></li> 用css控制li标签的高度宽度;一般图片的宽度就可以; 这样就可以实现了,如果觉得不太美观,再控制一下p标签以及图片的样式;

图片的层绝对定位 设置字的层的样式z-index:100; 设置图片的的样式z-index:200;

图片默认为内联元素,可以设置图片为块级元素,然后直接写文字就可以在图片下方了.

文字 clear:both就行了

个人推荐你用个table,这样控制性强一些详解:<table><tr><!--这里是一行--><td><img src="http://www.baidu.com/img/baidu_logo.gif"/></td></tr><tr><!--这里是下一行--><td>这里的文字在下方</td></tr></table>不懂html语言的话 可以再次留言

工具/材料:电脑.css让文字显示在图片上的操作步骤如下:1、首先在div里面书写文字,然后放入1张图片.2、这时应该先给div设置宽度和高度,保证文字有1个范围.3、然后通过background给div添加1张图片作为它的背景.4、然后通过url()来连接图片,这个时候url里面放置的就是背景图片的路径.5、然后放入1张图片用作背景,注意路径正确.6、最后点击保存,文字就会覆盖在图片上,css让文字显示在图片上的问题就解决了.

直接加一个换行标签就好了,<br>

<div style="text-align: center;"> <img src="图片地址/图片名称.jpg"> <p>你要输入的文字</p></div>如果图片和文字在同个div内,那就把div的css设置为text-align: center;

你div中用img字就会在img的下面你可以在div中用span把whatsup.png设为span的背景再在span中写此处显示 id "Whats_Up" 的内容&lt;div style="width:400px; height:300px; background:#FFFF00; "&gt;&lt;span style="width:200px; height:35px; background:#00FF00; position:relative; left:100px;"&gt;此处显示 id "Whats_Up" 的内容&lt;/span&gt;&lt;/div&gt;

网站首页 | 网站地图
All rights reserved Powered by www.mydy.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com