HTML 이미지를 화면가득 채우는 방법!
style.css
|
1
2
3
4
5
6
7 |
html {
background: url(pic04.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
} |
cs |
css 코드를 위같이 작성해주세요. pic04.jpg부분에는 쓰고 싶은 이미지를 넣으시면 됩니다.
index.html
|
1
2
3
4
5
6
7
8
9
10 |
<!DOCTYPE HTML>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
</body>
</html> |
cs |
html 코드는 간단하게 css를 적용시키는 정도로 작성하였습니다!
egong.zip'똥 싸기 > HTML' 카테고리의 다른 글
| [html]날씨 띄우기 (2) | 2017.08.08 |
|---|---|
| [html]실시간 시간정보 띄우기 (0) | 2017.08.08 |
| [html]한글 깨짐 (2) | 2017.08.08 |