我正在制作一个站点,其中三个<li>
都漂浮在左侧,并且每个都有特定图像的背景。我的每个文本中都有一个,因此<li>
我想移动该文本,以使其在背景下而不是在背景下显示。这种布局的css是什么?
下面是我想要的布局示例。谢谢您的帮助。
====== ====== ======
| | | | | |
| | | | | |
====== ====== ======
文字文字文字
我没有ASCII艺术技能,但希望您能理解。
将文本设置在与margin-top
背景图像高度相等的范围内。需要跨度才能使其display: block
发挥作用。或者,更好的是,只需设置padding-top
等于背景图像的高度,并使用background-image-repeat: no-repeat
.
有关工作示例,请参阅http://jsfiddle.net/77NdE/ 。