background-size 속성
배경이미지에 대한 size를 지정하기 윈한 값
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
* {
margin: 0;
padding: 0;
}
body {
background-image: url(../img/art.jpg);
/* 배경이미지를 적용하는 기본 방식 */
background-size: 100% 500px;
/* 배경이미지 사이즈 100%는 (body 태그에 적용한 경우) 브라우저의 가로
상대 크기라서 브라우저 폭을 줄이면 같이 줄어듬.
배경 이미지 크기 100%는 브라우저의 가로 길이를 기준으로 100%
100-가로 500-세로
*/
background-repeat: no-repeat;
/* 배경이미지의 초기 반복 값은 가로, 세로 모두 반복
no-repeat는 반복하지 않음
repeat-x는 가로 반복
repeat-y는 세로 반복
*/
}
</style>
</head>
<body>
</body>
</html>
