<！DOCTYPE HTML PUBLIC " - // W3C // DTD XHTML 1.0過渡// EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTMLのxmlns = "HTTP ：//www.w3.org/1999/xhtml ">
<HEAD>
<META HTTP-当量=" Content-Typeの」コンテンツ= "text / htmlの;のcharset = 2312" />
<タイトル>无标题文档</タイトル>
<スタイルタイプ= "テキスト/ cssの">
<！ -
＃レイヤ1 {
位置：絶対;
幅：200pxの。
左：112px;
トップ：51px;
背景色：#CCCCCC;
表示：フレックス。
フレックス方向：カラム;
}
.vitems {
高さ：30px;
幅：80px;
背景：＃475460;
国境：1pxの固体＃475460;
表示：フレックス。
フレックス方向：行。
}
.vitemsは{スパン
幅：77pxと、
高さ：100％;
行の高さ：30px;
テキスト整列：センター;
色：白;
フォントサイズ：12ピクセル;
カーソル：ポインタ;
}
.vline {
背景：石灰。
幅：3px;
高さ：20ピクセル;
マージントップ：5pxの;
margin-left：2ピクセル。
}
.hitems {
高さ：30px;
幅：80px;
背景：＃475460;
国境：1pxの固体＃475460;
表示：フレックス。
フレックス方向：カラム;
}
.hitemsは{スパン
幅：100％。
高さ：26px;
行の高さ：26px;
テキスト整列：センター;
色：白;
フォントサイズ：12ピクセル;
カーソル：ポインタ;
}
.hline {
背景：石灰。
幅：70ピクセル;
高さ：3px;
margin-left：5pxの;
マージン下：2ピクセル。
}
.zitems {
高さ：30px;
幅：80px;
背景：＃475460;
国境：1pxの固体＃475460;
表示：フレックス。
フレックス方向：行。
}
.zitemsは{スパン
幅：30pxと、
高さ：100％;
行の高さ：30px;
テキスト整列：センター;
色：白;
フォントサイズ：12ピクセル;
カーソル：ポインタ;
}
.zline {
背景：石灰。
幅：20ピクセル;
高さ：2ピクセル。
マージン右：3px;
margin-left：3px;
マージントップ：14px;
}
- >
</スタイル>
</ HEAD>
<BODY>
の<divのid = "レイヤ1">
<DIV CLASS = "vitems">
<DIV CLASS = "VLINE"> </ div>
<span>を竖线</スパン>
</ div>の
</br>
の<divクラス= "hitems">
<span>の横线</ span>の
<divのクラス= "HLINE"> </ div>
</ div>の
</br>
の<divクラス= "zitems">
<DIV CLASS = "zline"> </ div>
<span>の中线</ span>の
<divのクラス= "zline"> </ div>
</ div>
</ div>
</ BODY>
</ HTML>
