CSS tiled background image percentage chart, css tiled
<Html xmlns = "http://www.w3.org/1999/xhtml">
<Head> <meta http-equiv = "Content-Type" content = "text/html; charset = gb2312"/>
<Title> Create a chart by percentage of background images </title>
<Style type = "text/css" media = "screen">
# 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(graph1_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 ;}
</Style>
</Head>
<Body>
<Div id = "content">
<H2>
<Strong> use the percentage of background images to create a chart </strong>
</H2>
<Ul class = "graph">
<Li class = "percent20"> 20% </li>
<Li class = "percent40"> 40% </li>
<Li class = "percent60"> 60% </li>
<Li class = "percent80"> 80% </li>
<Li class = "percent100"> 100% </li>
</Ul>
</Div>
<Div> <A href = "http://www.999jiujiu.com/"> http://www.999jiujiu.com/</A> </div>
</Body>
</Html>