文本边框 - 菜单样式

时间:2014-04-16 15:54:45

标签: css styles border

enter image description here

有人可以帮助我获得这种线路,我也在类别之间看到了它。

我试过这样但是它非常接近,我希望它在类别之间。

#testborder{ border-right: 1px solid grey; }

欢迎所有答案!

1 个答案:

答案 0 :(得分:0)

下次在询问之前必须提供一些代码。或者你可能没有答案

<强> HTML

<!DOCTYPE html>
<html>
<head>
    <title>MM Web Design</title>
    <link rel="stylesheet" href="css/all.css" />
</head>
<body>
<ul id="nav">
    <li><a href="#">bla bla</a></li>
    <li><a href="#">bla bla</a></li>
    <li><a href="#">bla bla</a></li>
    <li><a href="#">bla bla</a></li>
    <li><a href="#">bla bla</a></li>
</ul>
</body>
</html>

<强> CSS

#nav {
    width: 100%;
    overflow: hidden;
    margin:0;
    padding:0;
    list-style:none;
}
#nav li {
    float: left;
    padding:  0 10px 0 9px;
    border-left: 1px solid #ccc;
}
#nav li:first-child {border: none;}