728x90
<!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>덕담 하나 주면 안 잡아먹지!</title>
<style>
.background{
width: 100vw; //->이미지화하고 사이트에서 지정한 사이즈에 맞게 꽉차게 하고싶을때
height: 100vh; //->이미지화하고 사이트에서 지정한 사이즈에 맞게 꽉차게 하고싶을때
max-width: 450px; //->늘어나는 최대치를 지정
//->background-image: url('//여기에 링크를 넣으면 된다//');
background-position: center; //->이 세줄은 이미지를 삽일할때 같이 묶어서 사용
background-size: cover; //->이 세줄은 이미지를 삽일할때 같이 묶어서 사용
margin: auto; //->이미지를 가운데로 오게 좌우의 여백을 동일하게 함
}
body, h1,p{
margin: 0; //->body의 짜투리 여백을 없애기
}
</style>
</head>
<body>
<div class="background"> //->이름지정
</div>
</body>
</html>
728x90
'• program > 스파르타코딩클럽' 카테고리의 다른 글
| [CSS 기본내용] html:5 문법5 (폰트바꾸기) (0) | 2022.01.29 |
|---|---|
| [CSS 기본내용] html:5 문법4 (제목만들기) (0) | 2022.01.29 |
| [CSS 기본내용] html:5 문법2 (0) | 2022.01.29 |
| [CSS 기본내용] html:5 문법1 (0) | 2022.01.29 |
| [HTML 기본내용] VS code에서 html 파일생성/ 기본틀 (0) | 2022.01.29 |