CSS平铺背景图片实现百分比图表_html/css_WEB-ITnose

使用背景图片百分比创建图表

#content ul.graph
{
margin: 0;
padding: 0;
list-style-type: none;
}

#content ul.graph li
{
margin-bottom: .5em;
padding: .2em;
background: #600;
color: #fff;
}
#content ul.graph li.percent20 { background: url(graph20.jpg) repeat-y 20% 0; }
#content ul.graph li.percent40 { background: url(graph40.jpg) repeat-y 40% 0; }
#content ul.graph li.percent60 { background: url(graph60.jpg) repeat-y 60% 0; }
#content ul.graph li.percent80 { background: url(graph80.jpg) repeat-y 80% 0; }

使用背景图片百分比创建图表

20%
40%
60%
80%
100%

查看更多关于CSS平铺背景图片实现百分比图表_html/css_WEB-ITnose的详细内容...