본문 배경에 둘 이상의 색상을 추가 하시겠습니까?

Question

내가 같이 몸의 배경 색상을 추가 말할 수 있습니다 :

body{ 
    background-color: blue; 
} 

내가 뭘 빨간색으로 몸 파란색과 나머지 절반의 절반을 갖고 싶어.

Answer 1

또한 다음을 포함하는 당신이해야합니다 전체 브라우저 지원을 위해이

background: linear-gradient(to bottom, blue 50%, red 50%); 

을 할 수

background: -moz-linear-gradient(top, blue 50%, red 50%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,blue), color-stop(50%,red)); 
background: -webkit-linear-gradient(top, blue 50%,red 50%); 
background: -o-linear-gradient(top, blue 50%,red 50%); 
background: -ms-linear-gradient(top, blue 50%,red 50%); 

Answer 2

그것은, 따라 당신은 페이딩 효과를 원하는 경우 다음 뭔가 같은

background: -webkit-linear-gradient(left, red , blue); /* For Safari 5.1 to 6.0 */ 
background: -o-linear-gradient(right, red, blue); /* For Opera 11.1 to 12.0 */ 
background: -moz-linear-gradient(right, red, blue); /* For Firefox 3.6 to 15 */ 
background: linear-gradient(to right, red , blue); /* Standard syntax */ 

해야합니다. 그렇지 않은 경우 정확히 절반 빨간색과 절반 파란색을 원하면

background: linear-gradient(to right, blue 50%, red 50%); 

도 작동해야합니다. css의 처음 몇 줄에 표시된대로 모든 호환성을 추가해야합니다. 첫 번째 인수를 사용하면 방향을 지정할 수 있습니다 ("오른쪽에서 오른쪽으로"는 색상이 왼쪽에서 오른쪽으로 바뀌므로 50 % 파란색, 50 % 빨간색으로 바뀝니다).

는 D = 희망은 도움