如何删除顶部导航栏边框

时间:2014-10-24 01:55:26

标签: html css html5 navbar navigationbar

我有一个顶部导航栏,仍然有白色边框。我想知道如何使用css删除它们。

这是css:

#nav {
        width: 100%;
        float: left;
        margin: 0 0 3em 0;
        padding: 0;
        list-style: none;
        background-color: #4c4c4c;
        }

        #nav li {
        float: left; 
        }

        #nav li a {
        display: block;
        padding: 8px 15px;
        text-decoration: none;
        font-weight: bold;
        color: white;
        border-right: 1px solid #ccc; 
        }

        #nav li a:hover {
        color: grey;
        background-color: white; 
        }

这是HTML:

<body>
    <ul id="nav">
              <li><a href="#">About Us</a></li>
              <li><a href="#">Our Products</a></li>
              <li><a href="#">FAQs</a></li>
              <li><a href="#">Contact</a></li>
              <li><a href="#">Login</a></li>
    </ul>

感谢。

3 个答案:

答案 0 :(得分:0)

不确定这个问题。在#nav li a您正在border-right: 1px solid #ccc;删除此内容,我再也看不到任何边框了。如果您需要别的东西,请告诉我。

答案 1 :(得分:0)

border-right: 1px solid #ccc;更改为border-right: 0px solid #ccc;。围栏,

#nav li a {
        display: block;
        padding: 8px 15px;
        text-decoration: none;
        font-weight: bold;
        color: white;
        border-right: 0px solid #ccc; 
        }

答案 2 :(得分:0)

请检查以下代码并进行相应修改。问题将得到解决。

Set wrd = GetObject(, "Word.Application") 
wrd.Visible = True  
wrd.Documents.Open "C:\My Documents\Temp.doc"  
Set wrd = Nothing