，纔有可能從左邊，另一邊綠色只有半DIV白色？我想在這個圖形唯一的顏色與CSS漸變半格

td.specialDate:first-of-type { 
    background-image: linear-gradient(left, lightgreen, lightgreen 50%, transparent 50%, transparent 100%); 
    background-image: -webkit-linear-gradient(left, lightgreen, lightgreen 50%, transparent 50%, transparent 100%); 
}

來源

2016-08-03 me9867

你想對這個一看：http://www.colorzilla.com/gradient-editor/;） –

嘗試這樣：

background: green; 
background: -moz-linear-gradient(left, green 0%, white 50%); 
background: -webkit-linear-gradient(left, green 0%, white 50%); 
background: linear-gradient(to right, green 0%, white 50%);

Here鏈接到一個代碼示例上CodePen

您可以在this好的網站

編輯

瘋狂地使用漸變如果您想要正確地爲div的一半着色，無陰影/漸變，請使用以下代碼：

background: green; 
background: -moz-linear-gradient(left, green 50%, white 50%); 
background: -webkit-linear-gradient(left, green 50%, white 50%); 
background: linear-gradient(to right, green 50%, white 50%);

如果你想從底部對角線

左到右上，使用此代碼：

background: green; 
background: -moz-linear-gradient(45deg, green 50%, white 50%); 
background: -webkit-linear-gradient(45deg, green 50%, white 50%); 
background: linear-gradient(45deg, green 50%, white 50%);

檢查鏈接Codepen樣本更新的代碼示例。

來源

2016-08-03 13:16:41 davideghz

有沒有辦法來完成乾淨所以它完成整整50％下調這條線讓我可以在日曆上顯示半天，甚至是左下角至右上角？ – me9867

是的，看看編輯答案 – davideghz

hey @ merch89 - 它解決了你的問題嗎？讓我們知道:) – davideghz

使用此代碼，CSS來做到這一點在19日：

div { 
    height: 100px; 
    background-color: red; 
    background-image: 
    linear-gradient(
     to right, 
     red, 
     red 50%, 
     green 50%, 
     green 100% 
    );

}

來源

2016-08-03 13:16:05

是的，你是不是太遙遠與梯度：

html, body { 
 
    width:100%; 
 
    height:100%; 
 
} 
 

 
div { 
 
    width:100%; 
 
    height:100%; 
 
} 
 

 
div { 
 
    background: linear-gradient(to left, lightgreen 50%, transparent 50%); 
 
}

<div> 
 

 
</div>

和here's a Fiddle。

來源

2016-08-03 13:16:14

-1

是的，它是可能的。

Here it is。您可以通過點擊下面的「複製文本」複製代碼。張貼這裏太長了。

我希望它有幫助。

來源

2016-08-03 13:18:50 user2436289

雖然這在理論上可以回答這個問題，[**但最好**]（// meta.stackoverflow.com/q/8259）包括主要部分的答案，並提供參考鏈接。如果鏈接頁面發生變化，僅鏈接答案可能會失效 –

這些值已在鏈接中設置。他所需要做的就是複製並粘貼它。但是，是的，我得到了點 – user2436289

檢查這個代碼。

background: -moz-linear-gradient(left, #ffffff 50%, #0f0 50%); /* FF3.6-15 */ 
background: -webkit-linear-gradient(left, #ffffff 50%,#0f0 50%); /* Chrome10-25,Safari5.1-6 */ 
background: linear-gradient(to right, #ffffff 50%,#0f0 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

JSFIDDLE

來源

2016-08-03 13:20:52

感謝它對我的幫助 – core114

唯一的顏色與CSS漸變半格

回答

編輯

相關問題