html - 在菜单中添加一条连接 的水平线

Question

我有一个带有列表项图像的菜单，我想用水平线连接这些图像。

<ul>
    <li>
        <a href="#" title="Item1"><img src="foo/bar.png"></a>
    </li>
    <li>
        <a href="#" title="Item2"><img src="foo/bar2.png"></a>
    </li>   
</ul>

为了更好地解释它，我展示了 2 张图片:

我要转换

进入

我不知道定位这样的“line.png”或用纯 css 制作它需要 css。

Answer 1

克罗宁

希望此链接对您有所帮助...

[http://jsfiddle.net/Karthik_Dev/mwjzcnqe/][1]

确保线条图像的大小为 1 X 4 像素。

欢迎评论