GVEdit例子---思而故在

digraph g {

  rankdir=LR

  node [shape=plaintext]

  a [

     label=<

<table border="0" cellborder="1" cellspacing="0">//cellspacing规定单元格之间的空白。

   <tr><td rowspan="3" bgcolor="yellow">class</td></tr>

   <tr><td port="here" bgcolor="lightblue">qualifier</td></tr></table>

>

  ]

/*

colspan 规定表头单元格可横跨的列数

rowspan规定单元格可横跨的行数

********************************************************************************************

<tr> 标签定义 HTML 表格中的行。tr 元素包含一个或多个 td 或 th元素

<td> 标签定义 HTML 表格中的标准行单元格

<th> 标签定义 HTML 表格中的标准列单元格

HTML 表单中有两种类型的单元格：

• 表头单元格 -- 包含表头信息（由 th 元素创建）
• 标准单元格 -- 包含数据（由 td 元素创建）

th 元素内部的文本通常会呈现为居中的粗体文本，而 td 元素内的文本通常是左对齐的普通文本。

*/

  b [shape=ellipse style=filled

     label=<<table bgcolor="bisque">

  <tr>

      <td colspan="3">elephant</td> 

      <td rowspan="2" bgcolor="chartreuse" 

          valign="bottom" align="right">two</td>

/*

valign规定单元格内容的垂直排列方式

align规定单元格内容的水平对齐方式

*/

  </tr>

  <tr>

    <td colspan="2" rowspan="2">

      <table bgcolor="grey">

        <tr><td>corn</td></tr> 

        <tr><td bgcolor="yellow">c</td></tr> 

        <tr><td>f</td></tr> 

      </table>

    </td>

    <td bgcolor="white">penguin</td> 

  </tr> 

  <tr>

    <td colspan="2" border="4" align="right" port="there">4</td>

  </tr></table>>

  ]

  c [ 

  label=<long line 1<br/>line 2<br align="left"/>line 3<br align="right"/>> //<br/>简单的换行符

  ]

 /*

*/

  subgraph { rank=same b c }

  a:here -> b:there [dir=both arrowtail=diamond]

  c -> b

  d [shape=triangle]

  d -> c [label=<<table>

  <tr>

    <td bgcolor="red" width="10"> </td>

    <td>edge labels<br/>also</td>

    <td bgcolor="blue" width="10"> </td>

  </tr></table>>

  ]}

/*

table的属性

 

属性	值	描述
align	left center right	不赞成使用。请使用样式代替。 规定表格相对周围元素的对齐方式。
bgcolor	rgb(x,x,x) #xxxxxx colorname	不赞成使用。请使用样式代替。 规定表格的背景颜色。
border	pixels	规定表格边框的宽度。
cellpadding	pixels %	规定单元边沿与其内容之间的空白。
cellspacing	pixels %	规定单元格之间的空白。
frame	void above below hsides lhs rhs vsides box border	规定外侧边框的哪个部分是可见的。
rules	none groups rows cols all	规定内侧边框的哪个部分是可见的。
summary	text	规定表格的摘要。
width	% pixels	规定表格的宽度。

***************************************************************************************************

tr 的属性

 

属性	值	描述
align	right left center justify char	定义表格行的内容对齐方式。
bgcolor	rgb(x,x,x) #xxxxxx colorname	不赞成使用。请使用样式取而代之。 规定表格行的背景颜色。
char	character	规定根据哪个字符来进行文本对齐。
charoff	number	规定第一个对齐字符的偏移量。
valign	top middle bottom baseline	规定表格行中

************************************************************************************************

td 的属性

 

属性	值	描述
abbr	text	规定单元格中内容的缩写版本。
align	left right center justify char	规定单元格内容的水平对齐方式。
axis	category_name	对单元进行分类。
bgcolor	rgb(x,x,x) #xxxxxx colorname	不赞成使用。请使用样式取而代之。 规定单元格的背景颜色。
char	character	规定根据哪个字符来进行内容的对齐。
charoff	number	规定对齐字符的偏移量。
colspan	number	规定单元格可横跨的列数。
headers	header_cells'_id	规定与单元格相关的表头。
height	pixels %	不赞成使用。请使用样式取而代之。 规定表格单元格的高度。
nowrap	nowrap	不赞成使用。请使用样式取而代之。 规定单元格中的内容是否折行。
rowspan	number	规定单元格可横跨的行数。
scope	col colgroup row rowgroup	定义将表头数据与单元数据相关联的方法。
valign	top middle bottom baseline	规定单元格内容的垂直排列方式。
width	pixels %	不赞成使用。请使用样式取而代之。 规定表格单元格的宽度。

************************************************************************************************

th 的属性

 

属性	值	描述
abbr	text	规定单元格中内容的缩写版本。
align	left right center justify char	规定单元格内容的水平对齐方式。
axis	category_name	对单元格进行分类。
bgcolor	rgb(x,x,x) #xxxxxx colorname	不推荐使用。请使用样式替代它。 规定表格单元格的背景颜色。
char	character	规定根据哪个字符来进行内容的对齐。
charoff	number	规定对齐字符的偏移量。
colspan	number	设置单元格可横跨的列数。
headers	idrefs	由空格分隔的表头单元格 ID 列表，为数据单元格提供表头信息。
height	pixels %	不推荐使用。请使用样式替代它。 规定表格单元格的高度。
nowrap	nowrap	不推荐使用。请使用样式取而代之。 规定单元格中的内容是否折行。
rowspan	number	规定单元格可横跨的行数。
scope	col colgroup row rowgroup	定义将表头数据与单元数据相关联的方法。
valign	top middle bottom baseline	规定单元格内容的垂直排列方式。
width	pixels %	不推荐使用。请使用样式取而代之。 规定表格单元格的宽度。

*/