css文字在图片下方（css如何让li标签中的文字显示到图片下面）
：暂无数据 2025-08-30 01:00:02 ：0
大家好,今天小编来为大家解答以下的问题，关于css文字在图片下方，css如何让li标签中的文字显示到图片下面这个很多人还不知道，现在让我们一起来看看吧！
本文目录
css如何让li标签中的文字显示到图片下面
《style》
ul li img {display:block}
ul li span {display:block}
《/style》
《ul》
《li》
《img src="1.png" /》
《span》我是文字《/span》
《img src="2.png" /》
《span》我是文字2《/span》
《/li》
《/ul》
CSS样式：如何使文字显示在图片下方
1、打开Dreamweaver创建css页面。
2、输入以下代码，如图。
3、切换至设计模式添加图片为背景，输入文字看最终效果，如图。
用css实现图标在上，文字在下
很多种实现方式.
1.
设置两个div层(也可以是table)
上层div
放图片.
下层放文字.
2.
嵌套div.
外层背景图片.
内层文字(
span
也可以)
3.
一层div,
设置背景图片.
文字写在div里.
但是对《a》标签进行
line-height
值设置高些.
就能让文字位于水平线下方了.
文章分享结束，css文字在图片下方和css如何让li标签中的文字显示到图片下面的答案你都知道了吗？欢迎再次光临本站哦！
本文编辑：admin
