我在水平导航菜单中有这个项目：
<li class="menu">
<a href="---">Our Users</a>
</li>
我希望它看起来像这样：
我会弄清楚文本颜色等。我想知道的是，如何让图像出现在文本上方，文本居中位于其下方。
有什么建议吗？
问问题
136 次
2 回答
1
它很容易将 li 的背景设置为 2 人图标，并为 li 提供一个填充顶部。
li { background: url(image.png) no-repeat;
padding: 40px 0 0 0;
text-align: center;
}
于 2013-01-14T05:49:35.533 回答
1
试试这个。假设您的图像不可点击...将宽度和填充应用于您的 li 标签。
li { background: url(urimage.png) no-repeat;
padding: 72px 0 0 0;
text-align: center;
width: 100px;
list-style: none;
}
如果您希望您的图像可点击，只需将您的文本“我们的用户”包装到一个 div 中并应用与上述相同的样式。
希望它会帮助你。谢谢你
于 2013-01-14T06:17:52.250 回答