枠線の指定
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; 全体が盛り上がったように表示
border-color: #000; 色
border-width: 1px; 太さ
border-radius: 20px; 角丸に。 border-radius: 1em; にすると真ん丸になる 。
border-radius: 120px 15px 120px 8px /ゆがんだ形にもできる。
ヒントは左上から時計回り
border-top-style: 上下左右個別に指定することもできる。