css - CSS 中 "nav"部分的白色边框

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;
}