반응형
안녕하세요.
페이지에 정보를 효과적으로 전달하기 위해 이미지나 동영상을 풀 스크린으로 지정하여 사용합니다.
코딩 방법은 css를 사용해서 크기를 지정합니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
<!DOCTYPE html>
<html>
<head>
<title>codeomni.tistory.com 풀 스크린 소스 코드</title>
<style>
html {
background: url(background.png) no-repeat center center fixed;
background-size: cover;
}
body {
font-family: Fixedsys;
color: #d9cbb3;
}
div {
margin-top: 100px;
padding:200px 100px;
}
</style>
</head>
<body>
<div>
<h1>h1 제목입니다.</h1>
<p>content 내용입니다.</p>
</div>
</body>
</html>
|
cs |
코딩 후 실행 화면입니다.
댓글