반응형
늘 헷갈리는 부분이다........
css란.......
아주 간단하게 다시 테스트 한 부분
기본 틀을 저렇게 잡으면 될 듯
와중에 margin 같은 부분으로 뜨지 않게 해야 한다.
<!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>
html, body {
height: 100%;
margin: 0;
}
.test {
background-image: url('img/img01.jpg');
height: 100%;
}
.full-height {
height: 100%;
background-color: rgb(0,0,0, 0.5);
}
</style>
</head>
<body CLASS="test">
<div class="full-height" style="color: white;">
Hello, I am CSS
<div>helfhlkehfd
</div>
</div>
</body>
</html>반응형
'HTML, CSS' 카테고리의 다른 글
| [HTML] 페이지 언어 설정 (0) | 2023.01.21 |
|---|---|
| [css] css 속성 초기화 all: unset (0) | 2022.02.08 |
| [CSS] position: absolute 중앙정렬 (0) | 2022.01.29 |
| css로 마우스 드래그 막기 (1) | 2022.01.13 |
| [엘리코딩] navbar 만들기 (0) | 2021.08.13 |