枠線のアレンジ


やりかたはとっても簡単。枠をつけたいところに
<DIV STYLE="border:幅 スタイル 色">囲みたい文字</DIV>
とやるだけ!

「幅」には「thin」(細い)、「medium」(中間)、「thick」(太い)のどれかを入れる。
10pxや1.5cmなどの単位でも指定できます。

枠線のスタイルの指定は以下の通り。
solid:実線
double:二重線
groove:溝のような線
ridge:浮き出た線
inset:インセット
outset:アウトセット
どの枠線がどういった状態かは、一番下に作ってあるので参考に。

色の指定は、「#00ccff」などのカラーコードでもいいし、「lightblue」のように定義された色の名前でも可能。
ためしにやってみましょう。


例:<DIV STYLE="border:thick groove lightpink;
position:center;width:400>枠線のデザインをアレンジ</DIV>
枠線のデザインをアレンジ

と上記のようなかんじになります。
2行目の「position:center;width:400」は
「position」つまり画面全体での位置は中心に(他にleft、right)、
「width」、横の幅の広さは400で、という指定になります。ちなみに、この二重線の横幅指定は450になってます。


スタイル:solid
色:lightskyblue

スタイル:double
色:skyblue

スタイル:groove
色:lightblue

スタイル:ridge
色:lightskyblue

スタイル:inset
色:lightskyblue

スタイル:outset
色:lightskyblue



HOME

楽天モバイル[UNLIMITが今なら1円] ECナビでポインと Yahoo 楽天 LINEがデータ消費ゼロで月額500円〜!


無料ホームページ 無料のクレジットカード 海外格安航空券 解約手数料0円【あしたでんき】 海外旅行保険が無料! 海外ホテル