몇 가지 요소로 완전히 단순한 페이지를 만들었습니다. 내 '콘텐츠 div'주위에 흰색 테두리가 있고 그것을 일으키는 원인을 알아낼 수 없습니다. 내 콘텐츠의 상단 및 왼쪽에만 나타납니다. .body {border : 0; },하지만 그건 도움이되지 못했습니다. 내 CSS와 관련하여 몇 가지 다른 점도 있지만 해결했습니다. 여기내 콘텐츠 주위에 알 수없는 흰색 테두리가 있습니다.
.container {
position: absolute;
width: 100%;
height: 100%;
overflow:hidden;
background-color: #6600cc;
padding: 20px 0px 0px 50px;
display: box;
}
.body {
margin: 0;
}
.mainText {
font-family: 'Open Sans', sans-serif;
font-size: 64px;
color: #FF0066;
font-weight: bolder;
line-height: 0%;
margin-bottom: 70px;
}
.secondColor {
color: #00ccff;
}
.stayTuned {
font-family: 'Open Sans', sans-serif;
font-size: 25px;
color: #ffffff;
font-weight: bolder;
}
.meanWhile {
font-family: 'Open Sans', sans-serif;
color: #ffffff;
font-weight: lighter;
}
a {
color: #ffffff;
text-decoration: none;
}
JSFiddle https://jsfiddle.net/1yL1ta5x/하고 코드입니다 : : 또한
, 어떻게 조언을 부탁드립니다하는 최적화 여기
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='UTF-8' />
<title>Olivera Miletic graphic desig</title>
<link rel='stylesheet' href='style.css' />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="mainText">
<p> OLI<span class="secondColor">APPARENTLY </p>
<p class="stayTuned"> SOON. STAY TUNED. </p>
</div>
<div>
<p class="meanWhile"> meanwhile <a href="http://www.oliveramiletic.com" target="_blank"> WORK </a>/<a href="https://www.behance.net/olivera_m" target="_blank"> BE </a>/<a href="https://twitter.com/oliapparently" target="_blank"> TW </a>/<a href="mailto:[email protected]" > MAIL </a>
</p>
</div>
</div>
</body>
</html>
내 CSS입니다 : 여기
내 HTML 코드입니다 적어도 웹 페이지의 모바일 및 데스크톱보기 및/또는 내 코드에 대한 다른 최적화를 환영합니다. 나는 절대적인 초보자이기 때문에 나와 함께 곰. 감사.
감사합니다,
흰색 테두리는 ''요소의 여백입니다. 0으로 설정하면 사라집니다. – j08691
본문의 여백. U '스타일을 설정합니다.body '클래스 본체가 아니고 – sTx