＜head＞
＜style type="text/css"＞
＜!--


.bottom1 {
	border-bottom-style: solid;
	border-color:#ff33ff;
	color:gray;
	font-family: impact;
	font-size; 24px;
	
}
.bottom2 {
	border-bottom-style: solid;
	border-color:#ff66ff;
}
.bottom3 {
	border-bottom-style: solid;
	border-color:#ff99ff;
}

.bottom4 {
	border-bottom-style: solid;
	border-color:#ffccff;
}



--＞
＜/head＞

＜body＞
　　　　
　　　＜div class="top" lang="en" align="left"＞

    company

＜/div＞
＜div class="bottom1"＞
	＜div class="bottom2"＞
		＜div class="bottom3"＞
			＜div class="bottom4"＞
			company
            ＜/div>
	     ＜/div>
    ＜/div>
＜/div>


＜/body＞

border: width style color
border-top: width style color
border-right: width style color
border-bottom: width style color
border-left: width style color

例　＜div style="border: 1px solid gray;"＞東京＜/div＞

border-width: top right bottom left
border-top-width: width
border-right-width: width
border-bottom-width: width
border-left-width: width

例　.wakusen1 { border-width: 1px; border-style: solid; }

border-width: は上下左右すべてのボーダー（枠線）の太さを同時に設定。
border-xxx-width: は上下左右それぞれののボーダー（枠線）の太さを、
下記のいずれかのボーダー線で設定。
thin（細線）、
medium（既定値：中太線）、
thick（太線）

または 1px（幅指定） などのような単位付きの数値で指定します。

border-style: top right bottom left
border-top-style: style
border-right-style: style
border-bottom-style: style
border-left-style: style

例　.wakusen2 { border-width: 1px; border-style: solid dotted solid dotted; }

border-style: は上下左右すべてのstyleを同時に設定。
border-xxx-style: は上下左右のボーダー（枠線）のスタイルを、
下記のいずれかで設定する。
none（線無し）、
dotted（点線）、
dashed（粗い点線）、
solid（実線）、
double（二重線）、
groove（谷線）、
ridge（山線）、
inset（内線）、
outset（外線）、
inherit（継承）

border-color: color
border-top-color: color
border-right-color: color
border-bottom-color: color
border-left-color: color

例　.wakusen3 { border-color: red; border-width: 1px; border-style: solid; }