CSS条状图表:复合型

CSS条状图表:复合型

英文原文：CSS FOR BAR GRAPHS
翻译整理：西米CC-www.ximicc.com

这是一种相对比较复杂的图表，但是仍然遵循上篇中提出的最基本的思路。本例中使用的定义列表标签dl可能平常我们见得不多，一般我们在做列表的时候通常只会用到ul和li标签,至于dl一般都很少用到，它也属于列表类的标签，下面说一下大概的用法：

dl标记定义了一个定义列表，定义列表中的条目是通过使用dt标记(定义标题)和dd标记(定义描述)创建的。dt给出了术语名，dd标记给出了术语的定义信息。

也就是说dt用来创建列表中的上层项目，dd用来创建列表中最下层项目，dt和dd都必须放在dl的起始和结束标签之间。来看一个例子：

<dl>
  <dt>西米CC</dt>
     <dd>触手生春</dd>
     <dd>不可或缺</dd>
     <dd>无懈可击</dd>
  <dt>触手生春</dt>
     <dd>Html基础</dd>
     <dd>CSS入门</dd>
     <dd>应用实例</dd>
</dl>

在不进行任何样式设计的话，它的显示效果如下：