2017-04-12 438 views
1

我用這個代碼,以使背景藍色:HTML背景的兩種顏色

<!DOCTYPE html> 
<html> 
<body style="background-color:blue;"> 
</body> 
</html> 

其中一期工程不錯,但我怎樣才能使背景有兩種不同的顏色? 50%是藍色的,其餘50%是黃色的,例如,水平分割...

+0

請看看到http://www.css3factory.com/linear-gradients/ –

+0

找到答案在CSS做兩個背景顏色[Ckick這裏(HTTP:/ /stackoverflow.com/questions/19081355/how-can-apply-multiple-background-color-to-one-div) – codePhree

回答

3

使用CSS梯度:https://css-tricks.com/css3-gradients/

background: linear-gradient(blue, yellow); 

或者,如果你想不想的逐漸淡去你必須設置位置:

background: linear-gradient(to right, blue 0%, blue 50%, yellow 50%, yellow 100%);