What the page currently looks like and the margin I want to remove
我想删除图像周围的白色边框。我尝试了很多事情,但似乎没有任何效果。这是我到目前为止所拥有的。 HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>repl.it</title>
<link href="home.css" rel="stylesheet" type="text/css" />
</head>
<body style="background-color:white;">
<img src="Banner1.jpg" width=100% height=200px>
<div >
<center> <a href="about.html"> About </a>
<a href="MyFeed.html">My Feed</a></center>
<script src="home.js"></script>
</body>
</html>
并且在CSS中
.col{ float: left;
background-color: #0f83c775;
height:3px;
width:33%;
position:"fixed";
overflow:auto;}
.body{max-width: 100%;
margin: 0;
padding:0;
}
.img{max-width: 100%;
margin: 0;
padding:0;
margin-left: 0px;
margin-right: 0px;
}
您只放入了一个。在img和body之前,您可以定义img和body类,而不是img和body元素。
这是您更正的CSS:
.col{ float: left;
background-color: #0f83c775;
height:3px;
width:33%;
position:"fixed";
overflow:auto;}
body{
margin: 0;
padding:0;
}
img{
width: 100%;
margin: 0;
padding:0;
}
而不是max-width只使用width,并且不要将width属性放置到主体上>]
<meta name="viewport" content="width=device-width">
您的头部将使身体占据屏幕的宽度
但是我不明白您想用.col定义什么,如果它是myfeed.html而不是.col {的链接,您应该放一个{
希望它会有所帮助