线性梯度css3

我想要一个人力资源，包含50%的网页。 我正在尝试下面的css代码。但它不起作用

请帮忙

hr {
    background-color: @border;
    background-image:      -moz-linear-gradient: (left, white 0%, #E0DFDF 50%, white 100%);
    background-image:   -webkit-linear-gradient: (left, white 0%, #E0DFDF 50%, white 100%);
    background-image:        -o-linear-gradient: (left, white 0%, #E0DFDF 50%, white 100%);
    background-image:           linear-gradient: (left, white 0%, #E0DFDF 50%, white 100%);

    border: none;
    margin: 1.5em auto;
    height: 1px;
    width: 50%;
}

---

你的语法不正确<代码>线性渐变：（…）应该是-->

线性渐变（…）

，不带分号（

：

）

hr{
背景：-webkit线性梯度（向右，白色0%，#E0DFDF 50%，白色100%）；
背景：-莫兹线性梯度（向右，白色0%，#E0DFDF 50%，白色100%）；
背景：-o-线性梯度（向右，白色0%，#E0DFDF 50%，白色100%）；
背景：线性梯度（向右，白色0%，#E0DFDF 50%，白色100%）；
边界：0；
保证金：1.5em自动；
高度：1px；
宽度：50%；
}

背景色：@边框是无效的CSS。我猜您正在从预处理器（例如SASS）移植一些代码，请修复它

您的语法错误：

/* incorrect */
-webkit-linear-gradient: (left, white 0%, #E0DFDF 50%, white 100%);
                       ^^
/* correct */
-webkit-linear-gradient(left, white 0%, #E0DFDF 50%, white 100%);

下面是一个演示：

hr{
背景图像：-moz线性梯度（左侧，白色0%，#E0DFDF 50%，白色100%）；
背景图像：-webkit线性渐变（左侧，白色0%，#E0DFDF 50%，白色100%）；
背景图像：-o-线性梯度（左侧，白色0%，#E0DFDF 50%，白色100%）；
背景图像：线性渐变（左侧，白色0%，#E0DFDF 50%，白色100%）；
边界：无；
保证金：1.5em自动；
高度：1px；
宽度：50%；
}

---

什么是

背景色：@border？你正在从预处理器移植一些代码吗？@Harry-True！我忘了提那件事了。