css - CSS的左侧的div更亮？

我有一个div，它是我的半个网站的包装，在左边有一个类别列表。包装纸本身是灰色的。
我想要的是它能从灰色变成白色。下面是一个我希望的例子：
有解决办法吗？
编辑
如果有什么帮助的话，这里是我包装的css：

#wrapper{
width: 980px;
margin: 0 auto;
background: #f3f3f3;
}

最佳答案

如果我没听错的话，你在找一种方法来增加梯度。下面是从左到右渐变的css，颜色从#FFFFFF到#F3F3F3。
请注意，渐变尚未标准化，许多浏览器都有自己的实现。这就是为什么有多个指令（前缀-o-表示opera，-moz-表示mozilla等）：

#wrapper {
    ...
    background-image:
        linear-gradient(left , rgb(255,255,255) 35%, rgb(243,243,243) 84%);
    background-image:
        -o-linear-gradient(left , rgb(255,255,255) 35%, rgb(243,243,243) 84%);
    background-image:
        -moz-linear-gradient(left , rgb(255,255,255) 35%, rgb(243,243,243) 84%);
    background-image:
        -webkit-linear-gradient(left , rgb(255,255,255) 35%, rgb(243,243,243) 84%);
    background-image:
        -ms-linear-gradient(left , rgb(255,255,255) 35%, rgb(243,243,243) 84%);

    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0.35, rgb(255,255,255)),
        color-stop(0.84, rgb(243,243,243))
    );
}

这里有一个方便的CSS Gradient Generator