CSS 线性背景色

Question

如何在 div 中制作线性背景单色(两侧斜率)。请帮忙

   background: rgb(0, 255, 113);
background: -moz-linear-gradient(49deg, rgb(0, 255, 113) 42%, rgb(90, 140, 250) 0%);
background: -webkit-linear-gradient(49deg, rgb(0, 255, 113) 42%, rgb(90, 140, 250) 0%);
background: -o-linear-gradient(49deg, rgb(0, 255, 113) 42%, rgb(90, 140, 250) 0%);
background: -ms-linear-gradient(49deg, rgb(0, 255, 113) 42%, rgb(90, 140, 250) 0%);
background: linear-gradient(139deg, rgb(0, 255, 113) 42%, rgb(90, 140, 250) 0%);

https://jsfiddle.net/52254dte/

Answer 1

如果你不想要渐变...那么移除渐变...

即仅使用 background: rgb(0, 255, 113);...
(或任何你想要的单一颜色)。

Fiddle update

清晰之后....只需在渐变中添加色标.....

div {
	text-align: center;
  color: #fff;
  margin: 30px;
  padding: 10px 0;
  
  
	background: rgb(0, 255, 113);
background: -moz-linear-gradient(49deg, rgb(0, 255, 113) 30%, rgb(90, 140, 250) 30%, rgb(90, 140, 250) 70%, rgb(0, 255, 113) 70%);
background: -webkit-linear-gradient(49deg, rgb(0, 255, 113) 30%, rgb(90, 140, 250) 30%, rgb(90, 140, 250) 70%, rgb(0, 255, 113) 70%);
background: -o-linear-gradient(49deg, rgb(0, 255, 113) 30%, rgb(90, 140, 250) 30%, rgb(90, 140, 250) 70%, rgb(0, 255, 113) 70%);
background: -ms-linear-gradient(49deg, rgb(0, 255, 113) 30%, rgb(90, 140, 250) 30%, rgb(90, 140, 250) 70%, rgb(0, 255, 113) 70%);
background: linear-gradient(139deg, rgb(0, 255, 113) 30%, rgb(90, 140, 250) 30%, rgb(90, 140, 250) 70%, rgb(0, 255, 113) 70%);}

<div>Some Text</div>