div 的半背景颜色

Question

如何使用 CSS（div 的半背景颜色）进行这种设计？

Answer 1

使用linear-gradient人体元素：

html, body{ height:100% } 

body{
  background: linear-gradient(green 40%, transparent 40%) no-repeat;
}

或使用box-shadow（需要px单位而不是%）：

html, body{ height:100%; margin:0; } 

body{
  box-shadow: 0 200px 0 -100px green inset;
}