○background
요소의 배경 스타일 지정
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div{
height: 500px;
width: 800px;
/* 배경색 */
background-color: antiquewhite;
/* 배경이미지 url("상대경로") */
background-image: url("../img/everything.jpg");
/* 배경이미지 반복 */
/* repeat : 기본값 , no-repeat, repeat-x, repeat-y */
background-repeat: no-repeat;
/* 배경이미지 사이즈 */
/* cover : 요소에 여백이 없도록 완전히 차지
contain : 요소에 맞도록 이미지 크기를 조정 */
background-size: contain;
}
</style>
</head>
<body>
<div>
</div>
</body>
</html>
코딩공부