■もどきを作ろう

もどき(擬似フレーム)は以下のタグでできています。

<div style="width:数字px;height:数字px;background-color:色; filter:透明か半透明のフィルター">文字を入れる</div>


ここで使うスタイルシートの説明です。
 
width:数字px→もどきの横幅(pxは単位)
height:数字px→もどきの縦幅(pxは単位)
background-color:色→背景の色です
filter:Alpha(opacity='数字')→半透明フィルターをかけるとき、ここの数字を変えていきます。0〜100までの数字が入ります。
filter: Chroma(color=透過したい色)→もどきの背景を透過するフィルターです
 
実際に画像を使って説明してみます。わかりやすく線を入れておきます。

 
 
調節用
width="100"
上と同じように、横に2個セルを作ってみました

このテキストエリアは、横が250px、縦が200pxです。
filter:Alpha(opacity='数字')でフィルターをかけています。


width="300"

 
 
調節用
width="100"
上と同じように、横に2個セルを作ってみました

このテキストエリアは、横が250px、縦が200pxです。
filter: Chroma(color=#FFFFFF); で背景色を透過しています


width="300"
  1. さっき作ったフリーページを出す
  2. <td></td>の代わりに

    (半透明のフィルターを使用した例。数字や色や文字は、好きなように変えてください)


    (透過フィルターを使用した例。数字や色や文字は、好きなように変えてください)

    これらのタグを貼り付けてください。
  3. ページを更新