＜head＞
＜style type="text/css"＞
＜!--
.title2 {
background-color:mistyrose;
border-style: solid;
border-color:crimson;
border-width:1px 10px;
width:150px;
padding:8px;
color:crimson;
font-size:28px;
font-family:impact;
text-align:center;
float:left;
}
--＞
＜/head＞

＜body＞
　　　　 　　　＜div class="midasi"＞
イボイノシシは朝早く、・・・
＜/div＞
＜p＞朝早く、湖に出かける。道沿いを親にはさまれ一列に走る様は面白い。＜/p＞
＜/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; }