Fatal编程技术网
  • html/
  • Html 导航栏周围的白色间距

Html 导航栏周围的白色间距

html css

Html 导航栏周围的白色间距,html,css,whitespace,navigationbar,Html,Css,Whitespace,Navigationbar,好吧，我在网站上搜索找不到答案，但我对HTML/CSS还相当陌生，我想知道如何删除导航栏周围的白色间隔 HTML代码 <!DOCTYPE html> <html> <head> <title>Reisbureau</title> <link href="style.css" rel="stylesheet" type="text/css"> <link href='http://fonts.go

好吧，我在网站上搜索找不到答案，但我对HTML/CSS还相当陌生，我想知道如何删除导航栏周围的白色间隔

HTML代码

<!DOCTYPE html>
<html>
<head>
    <title>Reisbureau</title>
    <link href="style.css" rel="stylesheet" type="text/css">
    <link href='http://fonts.googleapis.com/css?family=Open+Sans'  rel='stylesheet' type='text/css'>
</head>
<body>
    <div class="header">
        <div class="headerContent">
            <div class="nav">
                <ul>
                    <li><a href="#" id="reisbureau">Reisbureau</a></li>
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Over Ons</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </div>
        </div>
    </div>
</body>
</html>
jsFiddle

编辑注释 css的内容不包括在内，所以我们不能像他那样看到导航栏。仅仅是因为这个原因就否决了投票

我真的不懂，提前谢谢。

从
body
中删除默认
margin
，从
ul
元素中删除
margin top
：

body, ul{margin:0}

默认情况下，浏览器将一些
填充和/或
边距设置为
和/或

您可以这样做：

CSS


.nav ul li {
    list-style: none;
}
.nav ul li a {
    text-decoration: none;
    float: right;
    padding: 8px 50px;
    color: dimgrey;
}
.nav ul li a:hover {
    color: black;
}
.nav {   
    font-family: Open Sans;
    font-size: 10;
    text-align: center;
    height: 40px;
    background-color:aliceblue;
}

#reisbureau {
    float: left;
}



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



欢迎来到堆栈溢出！寻求代码帮助的问题必须包含在问题本身中重现代码所需的最短代码。虽然您提供了一个示例的链接，但如果该链接无效，您的问题对其他具有相同问题的用户将毫无价值。我已尝试将此代码添加到css中，但由于某些原因，它仍然无法工作