美容・健康・ファッション・インテリア・DVD・お花・ギフト 安全安心のお買い物

町工場ネット トップ  ◇サイトマップ ◇新規登録 ◇プライバシーポリシー ◇相互リンクの方法 ◇問い合わせ

町工場 | 総合 | 美容 | ファッション | インテリア | 家電 | 資格| 食料 | 個人開業 | 書籍 | ギフト | ホビー | CD・DVD

←前に戻る トップページ 内容一覧 次ページ→
■角を丸める サンプル



<TABLE cellspacing="0" cellpadding="0" width="300" height="100">
<TR>
<TD width="7" height="3"><IMG src="yellow-ltop.gif" width="16" height="16" border="0"></TD>
<TD bgcolor="#ffff00" valign="bottom" width="300" height="3"></TD>
<TD width="7" height="3"><IMG src="yellow-rtop.gif" width="17" height="16" border="0"></TD>
</TR>
<TR>
<TD bgcolor="#ffff00" width="7" height="100"></TD>
<TD bgcolor="#ffff00" width="300" height="100" valign="top" align="left">
</TD>
<TD bgcolor="#ffff00" width="7" height="100"></TD>
</TR>
<TR>
<TD width="7"><IMG src="yellow-lund.gif" width="16"height="17"border="0"></TD>
<TD height="17" bgcolor="#ffff00" width="300"></TD>
<TD width="7"><IMG src="yellow-rund.gif" width="17" height="17" border="0"></TD>
</TR>
</TABLE>


これを、このままコピーして使うと同じものが表示されます。変更する部分を日本語に置き換えてみますので確認してください。


<TABLE cellspacing="0" cellpadding="0" width="セルの幅" height="セルの高さ">
<TBODY>
<TR>
<TD width="7" height="3"><IMG src="角の画像ファイル名(左上)" width="16" height="16" border="0"></TD>
<TD bgcolor="カラーコード" valign="bottom" width="セルの幅" height="3"></TD>
<TD width="7" height="3"><IMG src="角の画像ファイル名(右上)" width="17" height="16" border="0"></TD>
</TR>
<TR>
<TD bgcolor="カラーコード" width="7" height="セルの高さ"></TD>
<TD bgcolor="カラーコード" width="セルの幅" height="セルの高さ" valign="top" align="left">
</TD>
<TD bgcolor="カラーコード" width="7" height="セルの高さ"></TD>
</TR>
<TR>
<TD width="7"><IMG src="角の画像ファイル名(左下)" width="16" height="17" border="0"></TD>
<TD height="17" bgcolor="カラーコード" width="セルの幅"></TD>
<TD width="7"><IMG src="角の画像ファイル名(右下)" width="17" height="17" border="0"></TD>
</TR>
</TBODY>
</TABLE>


同じ色の部分は必ず同じ値を指定しなければなりません。

#00ffff       #0000ff
#fed0e0       #808080
#008000   #fffff0
#e0ffff       #00ff00
#ff00ff       10 #ffe4b5
11 #ffa500       12 #dda0dd
13 #800080       14 #ffff00

このサンプルでいえば,2番の青で作る場合は、それぞれ次のように変えます。

    角の画像ファイル名(左上)    blue-ltop.gif
    角の画像ファイル名(右上)        blue-rtop.gif
    角の画像ファイル名(左下)        blue-lund.gif
    角の画像ファイル名(右下)        blue-rund.gif
    カラーコード                             0000ff
 
ファイルの名前はこのままダウンロードした場合はこれでかまいませんが、名前を変えた場合はその名前で指定します。
セルの幅と高さは好きな大きさにします。必ず4箇所は同じ数値にします。色付けしてある文字以外のセルの高さや幅を変えると正しく表示されません。

←前に戻る トップページ 内容一覧 次ページ→