如何在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/

css - CSS线性背景颜色-LMLPHP

最佳答案

如果您不希望渐变...则删除渐变...

即仅使用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>

关于css - CSS线性背景颜色,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/39549381/

10-12 06:52