CSS直方图示例 .chart { font-family: Tahoma; font-size: 12px; border: 1px solid #ccc; float: left; margin: 0; padding: .4em .1em; } .chart li { list-style: none; float: left; width: 5em; text-align: center; background: url(/upload/2009-11/20091104144827988.gif) center 1.6em no-repeat; } .chart li span { display: block; text-indent: -999em; padding-bottom: 90px; background: url(/upload/2009-11/20091104144827692.gif) center -1px no-repeat; border-top: 5px solid #fff; } .chart strong { display: block; text-align: center; font-weight: normal; } 一月: 35% 二月: 40% 三月: 87% 四月: 45% 五月: 23% 一月: 35% 二月: 40% 三月: 87% 四月: 45% 五月: 23% [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

　　推荐阅读

　　javascript currying返回函数的函数

最早期的curry函数有点多态的意味，就是根据函数参数在内部选用分支： 复制代码 代码如下: //http://www.openlaszlo.org/pipermail/laszlo-user/2005-March/000350.html // ★★On 8 Mar 2005, at 00:06, Steve Al>>>详细阅读

本文标题：CSS 直方图布局示例

地址：http://www.17bianji.com/kaifa2/JS/27749.html

 1/2    1