CSS实现的柱状图效果实例代码:
柱状图一般用于数据统，比较直观人性化，下面就简单介绍一下如何使用CSS实现此效果。
代码实例如下:
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">#wrap { position:relative; width:500px; height:600px;}#wrap div { width:15px; position:absolute; bottom:5px; background:#f00;}</style></head><body><div id="wrap"> <div style="height:100px;left:10px"></div> <div style="height:200px;left:30px"></div> <div style="height:300px;left:50px"></div> <div style="height:500px;left:70px"></div> <div style="height:200px;left:90px"></div></div></body></html>
以上代码非常的简单就是采用绝对定位，控制div的位置，这样就实现了并排效果。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=9767
更多内容可以参阅:http://www.softwhy.com/divcss/
Cara menggunakan DataReader
Penyelesaian untuk membahagikan jadual perkataan kepada dua muka surat
Pengenalan kepada kekunci pintasan tangkapan skrin dalam win8
Apa yang perlu dilakukan jika tiada kursor apabila mengklik pada kotak input
Pengenalan kepada penggunaan rowid dalam oracle
Penjelasan terperinci tentang konfigurasi nginx
Bagaimana untuk menyelesaikan kod kacau securecrt
Mengapa swole boleh bermastautin dalam ingatan?
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
