html - 如何显示CSS水平菜单?

标签 html css

**I want CSS menu code to display menu with image horizontally**

enter image description here

我试图在这篇文章中问同样的问题,但我得到的结果显示菜单是垂直的

我如何水平显示它。如果我设置显示属性 block ,那么它会垂直设置菜单吗?如果可能请分享代码i asked same question her you will get code

请分享给我预期结果的 CSS 和 HTML 代码;

最佳答案

我会做这样的事情......

li#home {
   padding: 40px 0 0 0;
   background: url(images/home.png) no-repeat center top;
}

您可能还需要 margin-bottom: -10px 将其从其兄弟项中向下移动。

关于html - 如何显示CSS水平菜单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6242457/

相关文章:

javascript/react 动态高度文本区域(停在最大值处)

html - 表格内的滚动保持垂直

html - DIV 在嵌入文档上的绝对定位

html - IE8 不在 div 内统一显示图像

html行不是画线

html - 如何在有序列表中隐藏元素符号编号后的点?

javascript - AngularJS 中的分页刷新问题

css - 无法使用 React Native Dimensions 将 <TextInput> 光标定位到屏幕的水平中心

javascript - 更新一个简单的 jQuery/CSS 代码

css - 当浏览器视口(viewport)缩小时,如何防止我的列堆叠