您现在的位置是：网站首页> 编程资料编程资料
CSS渐变统计柱形图_经验交流_
2023-05-25
163人已围观
简介 CSS渐变统计柱形图_经验交流_
用作图工具作一个渐变的长度.看起来能好看一点(宽:187px;高15px)
本来设想是当12%时,图片从左到12%的位置显示,余下的88%不显示,但不占地(看起来和1px的图片底没什么区别).下午时去网罗了一班.发现不占地是不太可能的.
要隐藏图片余下的百分比,先想到了评分.亮和暗用了一张图片,各占图片总高度的一半.我写下了:
依次从10%-100%，见不到效果,换这个是可以不过在盒子内必须要有内容.
昨天晚上没写出来.下午google了也没有找到类4渐变的.不过从其中一个示例中得到了灵感.
URL:http://apples-to-oranges.com/blog/post/css-for-bar-graphs/?id=55
中的:Complex CSS Bar Graph
马上得到了这个:
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
有同需求的兄弟可以参考一下
相关内容
- 实用CSS 文字收集_基础教程_
- css position: absolute、relative详解_经验交流_
- DIV CSS网页布局 最小高度（min-height）的妙用_经验交流_
- 在DW中CSS编码需要注意和掌握的一些技巧_经验交流_
- 纯CSS实现上下左右都居中的代码_经验交流_
- css 兼容性问题this.style.cursor=''hand''_经验交流_
- css pointer控制在firefox下显示手型的代码_基础教程_
- 讨论CSS中的各类居中方式_CSS/HTML_
- 完美实现浮动元素横排居中显示_基础教程_
- 表单中Readonly和Disabled的区别详解_基础教程_
