線を引こう

border-width:1px;線の太さ

border-width:thick;＝太線

border-width:上1px 右4px 下8px 左12px

border-style:solid;=実線　線のスタイル

border-style:double;=2本の実線

border-style:dashed;=破線

border-style:dotted;=点線

border-style:groove;=立体的な谷型の線

border-style:ridge;=立体的な山形の線

border-style:inset;=囲まれた部分が凹んで見える線

border-style:outset;=囲まれた部分が浮き上がって見える立体的な線

border-style:double dotted solid ridge;=4種
　　　　　　　2本線、点線、実線、立体山形

boder-color:線の色

border-color:

2px solid #0bd

border: 5px dotted tomato;