CSS 그라데이션 body에 적용하기

1 개요[ | ]

HTML body 그라데이션 적용
CSS 그라이데이션 body에 적용하기

HTML5 등에서 body에 그라데이션 적용했을 때, 그라데이션이 전체에 적용되지 않을 수 있다. 이 때는 다음 스타일을 함께 적용하자.

html { height: 100%; }
body { height: 100%; margin: 0; }

<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 같이 보기[ | ]