=====style=======
body    {color:#ffffff;font-size:12px}
h1      {color:#ff6600;
         font-size:13px;
         margin-left:100px}
div     {height:30px;width:170px;
         margin:0 auto auto 100px;
         border-style:groove;
         filter:alpha(opacity=90,finishopacity=10,style=1);
         text-align:center;
         padding-top:5px}
hr      {filter:alpha(opacity=90,finishopacity=10,style=1)}
.lay1   {background-color:#00ffff;
         margin:30px auto auto 100px;}
.lay2   {background-color:#00ccff}
.lay3   {background-color:#0099ff}
.lay4   {background-color:#0066ff}
.lay5   {background-color:#0033ff}
.lay6   {background-color:#0000ff}
.lay7   {background-color:#0000cc}


=====body=======
<h1>OSI参照モデルですぁ~</h1>
<div class="lay1">アプリケーション層</div>
<div class="lay2">プレゼンテーション層</div>
<div class="lay3">セッション層</div>
<div class="lay4">トランスポート層</div>
<div class="lay5">ネットワーク層</div>
<div class="lay5">データリンク層</div>
<div class="lay5">物理層</div>
<hr>

<!-- test.file@06.11.19.by_tajima -->