いろいろなボーダー
ボーダーなし
border-style:none;
ＨＴＭＬ
ＣＳＳ
ボーダー点線１
border-style:dotted;
ＨＴＭＬ
ＣＳＳ
ボーダー点線２
border-style:dashed;
ＨＴＭＬ
ＣＳＳ
ボーダー実線
border-style:solid;
ＨＴＭＬ
ＣＳＳ
ボーダー２重線
border-style:double;
ＨＴＭＬ
ＣＳＳ
ボーダー立体的に窪んだ線
border-style:groove;
ＨＴＭＬ
ＣＳＳ
ボーダー立体的に隆起した線
border-style:ridge;
ＨＴＭＬ
ＣＳＳ
ボーダー上と左が暗く、下と右が明るい立体的な線
border-style:inset;
ＨＴＭＬ
ＣＳＳ
ボーダー上と左が明るく、下と右が暗い立体的な線
border-style:outset;
ＨＴＭＬ
ＣＳＳ