2014-12-20 2 views
0

반복 내가 전체 페이지 그라데이션을 그릴 수있을 때 , 그것은 아래로 반복은. 나는 그것을 반복하지 않기를 바란다. 이 문제를 어떻게 해결할 수 있습니까? 나는 HTML5의 미리보기가있는 인터넷과 CSS + HTML 책을 검색했습니다.선형 그라데이션 내가 학교 웹 사이트에 대해 다음 HTML을 작성했습니다


업데이트 : 클럽 페이지 (아래 참조)에서 작업했을 때 그라데이션이 가득 차서 반복하지 않았습니다. 테이블에 <hr>을 사용했는데 작동하는 것처럼 보였습니다.

답변

1

<html>은 기본적으로 다른 요소와 마찬가지로 높을 필요가 있습니다. 높이를 명시 적으로 설정하면 좋을 것입니다.

html { 
    background-color: red; 
    background-image: linear-gradient(red, gray); 
    height: 100%; 
    font-family: Arial, Verdana, sans-serif; 
}
+0

CSS는 자동으로 태그가 100 %라고 가정합니다. 나는 CSS에 익숙하지 않다 : P – Declan

관련 문제