2017-03-07 11 views
-2

어떻게 내가 코멘트 상자에 제공 한 같은 레이아웃을 생성하는 방법을 하나 개의 질문이이

.main 
 
{  
 
    height: 500px; 
 
} 
 
.top 
 
{ 
 
    background-image:url("banner_bg.png"); 
 
    background-repeat: no-repeat; 
 
    background-size: cover; 
 
}
<html> 
 
<head> 
 
\t <link rel="stylesheet" href="new.css" type="text/css"> 
 
</head> 
 
<body> 
 
    \t <div class = "top main"></div> 
 
</body> 
 
</html>

얘들 아 같은 레이아웃을 만들려면 어떻게해야합니까. 또한 나는 내가 시도한 코드 링크를 제공했다.

+0

특정 문제를 명확히하거나 하이라이트에 추가 세부 정보를 추가하세요 정확히 당신이 필요로하는 것. 현재 작성된 내용이므로 귀하가 원하는 내용을 정확하게 말하기는 어렵습니다. –

+0

레이아웃 나는 이렇게 만들려고 노력하고 있지만 그것을 만드는 법을 모르겠다. 나는 css ibb.co/b1G0Fa에 새로운 사람이다. – Arch

답변

0

당신이 필요로하는 이미지 사업부의 같은 크기를 가지고 있으면, 나는 이것이 가장 우아한 해결책이라고 생각 :

background-size: 100% 100%; 

JSFIDDLE

+0

내가 이미 제공 한 참조 이미지를보고 싫어한다. 100 % 100 % 속성으로 해보십시오. 표지로 만들거나 실제로 속성을 포함하고 싶습니다. – Arch

+0

종횡비 영역을 계산하는 방법을 알고 계십니까? 커버에 필요한 내용은 – Arch

+0

입니다. 원하는 이미지를 첨부하고 스 니펫을 만들 수 있습니다. 가로 세로 비율은 https://www.w3schools.com/howto/howto_css_aspect_ratio.asp –