CSS中“导航”部分的白色边框

Question

我是第一次从头开始编写 CSS，我遇到了很多麻烦来使它成为完美的方式。

正如您在这张图片中看到的，顶部的蓝色菜单有一个白色边框。

我当前的导航 css 代码是：

nav, footer {
    font-family: "rogue-sans-ext", sans-serif;
    font-style: normal;
    font-weight: 700;
    border-width: 0px;
    padding: 0px 0px 0px 0px;
}

nav {
    background-color: #005EFF;
    width: 100%;
    position: static;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 25px;
}

顺便说一句，我不知道如何垂直居中导航项的文本。我尝试过垂直对齐选项、行高方法以及绝对定位和负边距，但似乎都无法正常工作。

谢谢，
米基桑塔纳

Answer 1

很可能，您的问题是由浏览器应用的默认 body 填充值给出的。

尝试应用这种风格：

body, html {
  margin: 0;
  padding: 0;
}