我正在尝试使用 CSS 将此 PSD 转换为 HTML。
这就是我到目前为止所得到的(使用 CSS3)。
但我不知道如何在菜单项之间放置分隔符。有任何想法吗?
编辑:似乎没有显示示例图像。所以他们在这里。
PSD 文件 http://postimage.org/image/2qywn3nj8/
到目前为止我所拥有的 http://postimage.org/image/1ylhjsv2c/
#nav
{
padding:0;
margin:0;
height: 35px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
background-image: -moz-linear-gradient(top, #ffffff, #eaecec);
-moz-box-shadow: 0 0 1px #888;
}
#nav ul
{
margin-top: 0px;
margin-left: 0;
Font-Family: Arial;
font-size: 10pt;
list-style: none;
padding-top: 8px;
color: #000000;
}
#nav ul li
{
display: inline;
padding-left: 30px;
}