navbar有它的邊框，它不能被刪除

我想爲我的網站創建一個導航欄，併發生了一些奇怪的事情。它是導航欄周圍的邊框，我無法移除它？我試圖尋找錯誤，但沒有任何工作。我嘗試在樣式標籤中將border設置爲0px，但沒有工作，邊框仍然存在，怎麼樣？請幫助我，在此先感謝navbar有它的邊框，它不能被刪除

代碼在這裏：

<!DOCTYPE html> 
<html> 
<head> 
<style> 
#nav { 
    overflow: hidden; 
    background-color: #282e30; 
    border: 0px; 
} 

#nav a { 
    float: left; 
    color: #fff; 
    text-align: center; 
    padding: 14px 16px; 
    text-decoration: none; 
    font-size: 17px; 
    border: 0px; 
} 

#nav a.active { 
    background-color: #286a82; 
    color: white; 
    border: 0px; 
} 
</style> 
</head> 
<body> 

<div id="nav"> 
    <a class="active" href="/home.html">Home</a> 
    <a href="/contact.html">Contact us!</a> 
    <a href="/about.html">About!</a> 
</div> 

</body> 
</html>

來源

2017-04-26 Kim H

你並不需要在代碼中border: 0px;，它的周圍沒有導航欄邊框但它在你的HTML body元素的保證金。默認情況下，<body>標記略有空白，導致它看起來像在那裏有邊框。嘗試在代碼中添加body{margin:0px;}，它應該可以工作。像這樣：

<style> 
body { 
    margin: 0px; 
} 
#nav { 
    overflow: hidden; 
    background-color: #282e30; 
} 

#nav a { 
    float: left; 
    color: #fff; 
    text-align: center; 
    padding: 14px 16px; 
    text-decoration: none; 
    font-size: 17px; 
} 

#nav a.active { 
    background-color: #286a82; 
    color: white; 
} 
</style>

來源

2017-04-26 18:56:42

我添加了body {margin：0px;}並上傳了它，它現在顯示爲不帶邊框/邊距：D謝謝 –

navbar有它的邊框，它不能被刪除

回答

相關問題