html - 导航菜单样式问题

标签 html css nav

我得到了一个导航菜单的 psd,我正在尝试使用 css 和 html 重新创建它。

我已经设置了一个 jsfiddle 而不是在这里发布我的代码,这样人们就可以随意使用它。 http://jsfiddle.net/XdefV/ js fiddle 中的代码是我的尝试,但您将能够看到它有一点偏差。

我要重现的是:

enter image description here

谁能帮我更好地重现图像?

最佳答案

这个 Fiddle 应该会让您走上正轨。

关于html - 导航菜单样式问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11994685/

相关文章:

css - Twitter Bootstrap nav nav-tabs 在点击时不会改变

javascript - 该数组不适用于我的图片输出

javascript - 如何将编辑按钮更改为保存按钮并添加取消按钮?

jquery - Safari 和 IE9 最小高度优先于高度

jquery - 粘性导航在本地主机上工作,但当我在线上传时(在 webkit 浏览器中)则不行

用于更改移动显示的 css 值的 Javascript

html - 如何将此导航栏扩展到页面之外?

php - 尝试循环遍历 html 下拉菜单

html - 使用 CSS 定位元素的正确方法

html - 为什么具有 ID 和 Class 的元素需要在 CSS 中组合 ID 和 Class 选择器?