1 개요[ | ]
- HTML body 그라데이션 적용
- CSS 그라이데이션 body에 적용하기
HTML5 등에서 body에 그라데이션 적용했을 때, 그라데이션이 전체에 적용되지 않을 수 있다. 이 때는 다음 스타일을 함께 적용하자.
css
Copy
html { height: 100%; }
body { height: 100%; margin: 0; }
html
Copy
<style>
html { height: 100%; }
body {
height: 100%; margin: 0;
background: -webkit-linear-gradient(red, yellow);
background: -moz-linear-gradient(red, yellow);
background: -o-linear-gradient(red, yellow);
background: linear-gradient(red, yellow);
}
</style>
<body>
Hello, World!
</body>
2 같이 보기[ | ]
편집자 Jmnote
로그인하시면 댓글을 쓸 수 있습니다.