枠で囲む

 

IE … ○  NN … ?

 

サンプル ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

カーソルを重ねてみて下さい♪

 

ソース ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

↑を<head>〜</head>の間に貼り付けて下さい。

* 3行目〜6行目の「solid」を変更すると、線の種類が変わります。
  dashed --- 点線   dotted ・・・ ドット

* 7行目の「border-color」は枠の色です。
  4つあるのは一辺一辺の色です。

* 8行目の「1px」は線の太さです。
  数字が大きくなる程、線も太くなります。

* 9行目〜12行目の「1px」は文字と枠線との余白です。
  数字が大きくなる程、余白も広くなります。

 

↑を<head>〜</head>の間に貼り付けると、枠を表示すると同時に、枠内を色で覆います。

* 16行目の「#E0FFFF」は枠内を覆う色です。
  お好きな色に変更可能です。

 

BACK

HOME