是否有可能从左侧和另一侧绿色只有一半div白色？ 我希望在此图中的第19个日期执行此操作

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%);
}
is it possible to colour only half a div white from the left and the other side green? I want to do this on the 19th date in this graphic
 
 
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%);
}

                
最满意答案
                
                    
                        
 尝试这样的事情： 
 
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%);
 
 这是CodePen上代码示例的链接 
 
 你可以在这个漂亮的网站上疯狂地使用渐变色 
 
 编辑 
 
 如果你想为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示例以获取更新的代码示例。 
try something like this:
 
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 a link to a code sample on CodePen
 
You can go crazy with gradients on this nice website
 
EDIT
 
If you want to color exactly half of the div, w/o the shade/gradient, use this code:
 
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%);
 
if you want a diagonal from bottom left to top right, use this code:
 
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%);
 
Check the linked Codepen sample for updated code sample.