Question

我正在学习HTML / CSS，当我试图建立一个示例网站时，我在网站上有一个白色边框。

body {
     margin:0;
    }
    header{
    	background-image:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)), url(bg.jpg);
    	height: 100vh;
    	background-size: cover;
    }
    ul.main-nav
    {
    	float: right;
    	text-transform: uppercase;
    	list-style: none;
    }
    ul.main-nav li
    {
    	display: inline-block;
    }
    ul.main-nav a
    {
    	color: white;
    	font-size: 17px;
    	padding: 5px 20px;
    	text-decoration: none;
    	font-family: "roboto",sans-serif;
    }
    ul.main-nav li.active a{
    	
    	border: 1px solid darkorange;
    }
    ul.main-nav li a:hover
    {
    	border: 1px solid darkorange;
    }
    
    .logo img
    {
    	width: 100px;
    	height: auto;
        float: left; 
    }
    div.row
    {
    	max-width: 1200px;
    	margin:auto;
    }
    div.hero
    {
    	position: absolute;
    }
    
    h1
    {
    	font-size: 70px;
    	font-family: "roboto";
    	text-align: center;
    	color: white;
    	padding: 250px;
    	}

<html>
    <heah>
    	<title>Business Website</title>
    	<link rel="stylesheet" type="text/css" href="style.css">
    </heah>
    <body>
    	<header>
    		<div class="logo">
    			<img src="LOL_Face.png">
    		</div>
    		<div class="row">
    			<ul class="main-nav">
    				<li><a href="">HOME</a></li>
    				<li><a href="">SERVICES</a></li>
    				<li><a href="">CONTACT</a></li>
    				<li><a href="">NEWS</a></li>
    				<li><a href="">FAQ</a></li>
    						</ul>
    		</div>
    		<div class="hero"></div>
    	<h1> ARE YOU READY?</h1>
    	</header>
      
    </body>

我认为问题必须在css中！

我尝试的选项：

1）保证金：0;

请让我知道！

Answer 1

尝试在标头标记中使用padding: 0。另外，值得一看浏览器调试部分。按F12，它将打开一个窗口，您可以在其中检查和分析您正在使用的HTML / CSS / javascript。如果您想在不刷新页面的情况下测试某些更改，那将非常有用。

如何在HTML / Css中删除此白色边框/边距

1 个答案: