Html 导航栏周围有边框，可以'；不能删除_Html_Css_Nav

Html 导航栏周围有边框，可以'；不能删除

html css

Html 导航栏周围有边框，可以'；不能删除,html,css,nav,Html,Css,Nav,我试图为我的网站创建一个导航栏，但奇怪的事情发生了。它是导航栏周围的边框，我无法删除它？我试图查找错误，但没有任何效果。我尝试在样式标签中将边框设置为0px，但没有成功，边框仍然存在，如何设置？请帮助我，并提前表示感谢代码如下： <!DOCTYPE html> <html> <head> <style> #nav { overflow: hidden; background-color: #282e30; border: 0px; }

我试图为我的网站创建一个导航栏，但奇怪的事情发生了。它是导航栏周围的边框，我无法删除它？我试图查找错误，但没有任何效果。我尝试在样式标签中将边框设置为0px，但没有成功，边框仍然存在，如何设置？请帮助我，并提前表示感谢

代码如下：

<!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>


#导航{
溢出：隐藏；
背景色：#282e30；
边界：0px；
}
#导航a{
浮动：左；
颜色：#fff；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
字号：17px；
边界：0px；
}
#主动导航{
背景色：#286a82；
颜色：白色；
边界：0px；
}

您不需要

边框：0px

在代码中，它不是导航栏周围的边框，而是HTML中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>


身体{
边际：0px；
}
#导航{
溢出：隐藏；
背景色：#282e30；
}
#导航a{
浮动：左；
颜色：#fff；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
字号：17px；
}
#主动导航{
背景色：#286a82；
颜色：白色；
}

我添加了正文{margin:0px；}并上传了它，现在显示出来，没有边框/margin:D谢谢