一步步教你实现纯CSS的柱形图..docVIP

一步步教你实现纯CSS的柱形图 CSS在处理排版之强大，没有做不到，只有想不到。下面我们将一同实现一个柱状图。 先打好一个具体的框架。我们利用无序列表做整体，里面的东西我们根本选择内联无素span，strong，em来填充。ul class=chart liem使命召唤/emspan: /spanstrong35%/strong/li liem机器战争/emspan: /spanstrong40%/strong/li liemCS/emspan: /spanstrong87%/strong/li liem光环/emspan: /spanstrong45%/strong/li liem半条命/emspan: /spanstrong23%/strong/li /ul ----------------------------------------------------------------------------------------------------- 运行代码 1.ul class=chart 2.??liem使命召唤/emspan： /spanstrong35%/strong/li 3.??liem机器战争/emspan：/spanstrong40%/strong/li 4.??liemCS/