zstest
/
surfaceWaterDeepColor.html

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        .digtal{
            padding-right: 70px;
        }

        .digtal45{
            padding-right: 46px;
        }
        .digtal50{
            padding-right: 54px;
        }
        .colorSpn{
            height:30px;width:30px;
        }
        .fontStyle{
            color: black;
            font: normal 10px helvetica,arial,verdana,sans-serif;
            line-height: 19px;
        }
        .fontStyle2{
            color: #4D4D4D;
            font-size: 10px;
            font-weight: 700;
            position: absolute;
        }
    </style>
</head>
<body>
<div style=" margin-bottom: 10px;"><span class="fontStyle2" >积水图例 </span><span class="fontStyle">单位:(cm)</span></div>
<div>
    <span style="background-color:#bfe9ff ;"  class="colorSpn" >&nbsp;&nbsp;</span>
    <span class="digtal"><2</span>
    <span style="background-color:#01dbff ;"  class="colorSpn" >&nbsp;&nbsp;</span>
    <span class="digtal">2-3</span>
    <span style="background-color:#15c5ff ;"  class="colorSpn" >&nbsp;&nbsp;</span>
    <span class="digtal">3-4</span>
    <span style="background-color:#14a8fe ;"  class="colorSpn" >&nbsp;&nbsp;</span>
    <span class="digtal">4-6</span>
    <span style="background-color:#168bff ;"  class="colorSpn" >&nbsp;&nbsp;</span>
    <span class="digtal">6-8</span>
    <span style="background-color:#148bff ;"  class="colorSpn" >&nbsp;&nbsp;</span>
    <span class="digtal2">9-11</span>
</div>
<div>
    <span style="background-color:#ffff3b ;" class="colorSpn" >&nbsp;&nbsp;</span>
    <span class="digtal45">11-13</span>
    <span style="background-color:#ff7e3c ;"  class="colorSpn" >&nbsp;&nbsp;</span>
    <span class="digtal50">13-15</span>
    <span style="background-color:#ff743c ;"  class="colorSpn" >&nbsp;&nbsp;</span>
    <span class="digtal50">15-16</span>
    <span style="background-color:#ff004e ;"  class="colorSpn" >&nbsp;&nbsp;</span>
    <span class="digtal50">16-19</span>
    <span style="background-color:#ff00ba ;"  class="colorSpn" >&nbsp;&nbsp;</span>
    <span class="digtal50">19-24</span>
    <span style="background-color:#be001c ;" class="colorSpn" >&nbsp;&nbsp;</span>
    <span class="digtal50">>24</span>
</div>

</body>
</html>