hanker

HTML - 배경이미지 화면에 꽉채우기 본문

HTML

HTML - 배경이미지 화면에 꽉채우기

hanker 2021. 4. 7. 23:39
반응형
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>main</title>
    <link rel="stylesheet" href="/css/main.css">

</head>
<body background="/img/cat.png">

</body>
</html>

/img/cat.png  이미지 파일을 준비한 후

 

main.css에 작성한다.

body{
    background-size: cover;
}

이렇게 작성하면 이미지가 화면에 꽉차게 된다.

 

반응형
저작자표시

'HTML' 카테고리의 다른 글

Spring Thymeleaf - option 태그 list 출력 (반복문)  (0) 2021.06.22
JSP - 한글 깨짐현상  (0) 2020.12.22
JSTL - c:set 변수 여러개 사용하기  (0) 2020.11.13
MODAL - 다양한 방법으로 modal 창 띄우기  (0) 2020.11.04
JSP - JSTL(fmt) 사용법  (0) 2020.09.16
'HTML' Related Articles more