免费模板网
当前位置: 首页>CSS图表> 一款简单的CSS投票统计

CSS图表

一款简单的CSS投票统计

分类:CSS图表 时间:2009/6/21 11:09:26 浏览:4990 次

演示效果截图

 一款简单的CSS投票统计

CSS代码

<style type="text/css"> 
.graph {  
	position: relative; /* IE is dumb */ 
	width: 200px;  
	border: 1px solid #B1D632;  
	padding: 2px;} 
.graph .bar {  
	display: block; 
	position: relative; 
	background: #B1D632;  
	text-align: center;  
	color: #333;  
	height: 2em;  
	line-height: 2em;} 
.graph .bar span { position: absolute; left: 1em; }
</style>

HTML代码

<h3>www.865171.cn</h3>
<div class="graph">
<strong class="bar" style="width: 24%;">24%</strong>
</div>
<div class="graph">
<strong class="bar" style="width: 60%;">60%</strong>
</div>

上一篇:三种风格的CSS图表(点图、线图、柱状图)

下一篇:DL、DT、DD+CSS实现绿色水平统计图表

站长常用工具

最新图表

热门图表

赞助商链接