CSS背景色渐变（图例）

CSS背景色渐变（图例）

项目中需要做个渐变色图例，刚看到这个效果我是拒绝的，一张图片解决他不香吗？奈何强迫症犯了就用css写了，看效果图（主要难搞的是下面得半截白线）。

直接上代码

html

	<div class="legendPara">
        <div class="legendParabox">
            <ul class="clearfix">
                <li></li>
                <li></li>
                <li class="mr"></li>
            </ul>
            <p>
                <s>0</s>
                <s>0.3</s>
                <s>0.8</s>
                <s>2</s>
            </p>
        </div>
    </div>

css

	*{
   
		margin: 0;
		padding: 0;<