html - div的半背景色

Question

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

标签： htmlcssbootstrap-4

Answer 1

linear-gradient在 body 元素上使用：

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;
}