如何根據百分比得到2種背景顏色，我選擇

Question

這是我的代碼，但它有一個問題。 Fiddle

<div style="background: linear-gradient(90deg, #cc2900 51%, #b3b3b3 49%);"> 
 
<h1> 
 
Hi all, this is my div 1 
 
</h1> 
 
</div> 
 
<br><br> 
 

 
<div style="background: linear-gradient(90deg, #cc2900 10%, #b3b3b3 90%);"> 
 
<h1> 
 
Hi all, this is my div 2 
 
</h1> 
 
</div>

的問題是：

如果紅色小於50％，則顏色變爲gradient..how停止呢？

Answer 1

在第一個示例中，您有第二個顏色停在錯誤的位置，它應該是一個小於第一站的值。

<div style="background: linear-gradient(90deg, #cc2900 51%, #b3b3b3 49%);"> 
 
<h1> 
 
Hi all, this is my div 1 
 
</h1> 
 
</div> 
 
<br><br> 
 

 
<div style="background: linear-gradient(90deg, #cc2900 10%, #b3b3b3 9%);"> 
 
<h1> 
 
Hi all, this is my div 2 
 
</h1> 
 
</div>