html - 仅使用 CSS 渐变为半个 div 着色

Question

是否可以只将左侧的半个 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%);
}

Answer 1

尝试这样的事情:

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%);

如果你想要一条从左下角到右上角的对 Angular 线，使用这个代码:

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更新代码示例的示例。