网页中用于构造图表的一些基本CSS代码

日期：2007年10月1日作者：查看:[大字体中字体小字体]

这是最基本的预览，下面是几种不同的应用代码

一、基本的CSS图表

CSS代码

<style>
    .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>
<div class="graph">
    <strong class="bar" style="width: 24%;">24%</strong>
</div>

二、复杂的CSS条形图

CSS代码

<style>
    dl {
[1] [2] [3] [4] [5] [6] 下一页
网页中用于构造图表的一些基本CSS代码相关文章：
·PS IR打造小仙女魔法之水果变变变
·AutoCAD造型实例：十字形螺丝刀头
·AutoCAD造型实例：一字形螺丝刀头
·3DSMAX造型设计之打造江南丝绸
·3DSMAX造型设计之书法印刷效果
·QQ龙珠连锁之20连以上的创造方法
·Photoshop打造完美靓丽MM艺术照
·3DsMAX三维建模U盘造型
·Flash教程之打造窗之恋音乐动画
·Photoshop打造绚丽的小能爪壁纸
网页中用于构造图表的一些基本CSS代码相关软件
·《铸造自由》v1.9.23升级补丁下载
·魔兽地图：《大师的缔造汉化版本 5.5C》
·中国第一颗原子弹制造纪实：596秘史
·FC玩家自己改造的《93魂斗罗》模拟器
·在30天内打造更具亲和力的网站
·大齐造像
·高效的生产制造业物料与仓储管理
·四周塑造完美身材
·ERP资料制造业集成系统流程图
·人造人

上一篇:ASP开发中有用的函数（function）集合(1)

下一篇:网页设计或制作中与键盘相关的一些技术

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

网页中用于构造图表的一些基本CSS代码

精品推荐

热点TOP10

特别推荐