" nav"中的白色边框参与CSS

时间:2018-03-17 18:29:42

标签: css css3

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

如图所示,顶部的蓝色菜单有白色边框。

Website

我当前的导航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;
}

顺便说一句,我无法弄清楚如何垂直居中导航项目的文本。我已经尝试了vertical-align选项,line-height方法以及绝对定位和负边距,但似乎都没有正常工作。

谢谢,
mikeysantana

1 个答案:

答案 0 :(得分:2)

您的问题可能是浏览器应用的默认body填充值。

尝试应用此风格:

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