<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
body{
background-color: navy;
background-image: url("../html/images/추노2.jpg"); /* 사이즈가 안맞으면, 자동으로 바둑판식으로 채움 */
/* background-repeat: repeat-x;
background-repeat: repeat-y; */
background-repeat: no-repeat; /* no-repeat 하면 사진 하나만 나온다. */
background-size: cover; /* 사진 전체화면으로 키움 */
height: 1200px;
/* background-attachment: fixed; */
background-attachment: scroll;
/* background-position: 100px 100px; 가로 세로
background-position: left top;
background-position: center; */
}
</style>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
body{
padding : 20px
}
div{
background-color: yellow;
border : 4px dashed red;
width : 800px;
pdadding : 20px;
font-size: 20pt;
background-image: url("../html/images/pencil.png");
background-repeat: no-repeat;
background-size: 80px;
background-position: right bottom;
/* background-origin: border-box 누구 기준으로 background-position 잡을거야? */
background-origin: content-box;/* 디폴트 : padding-box*/
}
</style>
</head>
<body>
<div>
<h2>오늘의 일기</h2>
<p>
오늘은 과제가 쉬웠네 ~~ 내일도 쉬웠으면...
</p>
</div>
</body>
</html>
