ケータイ版 ミニタコ

  HTMLタグ > テーブルの角をまるくする
画像を使うことで、テーブルの角をまるくしたり枠に模様を入れたりすることができます。
応用はいくらでもできますが、いちばんシンプルな、角をまるくする方法を紹介します。
角に使う画像を用意する
テーブルと同じ色、背景部分はテーブルの周囲と同じ色か透過されているものを使います。
自分で作るときは、画像はすべて同じサイズになるようにして下さい。
よくわからない場合は、テーブルは白にして、以下の4つの画像をダウンロードして使って下さい。



以下は、テーブルや背景色に合わせて画像を作るときに便利なソフト。
HTMLカラーに合わせたRBG値を知りたいときや、その逆も可能です。
Color Dialog
テーブルタグを書く
【幅】と【高さ】には画像の幅と高さを入れます。
★長くて見にくくなりますが、【テーブルの中】前後以外は改行しないで下さい。
改行すると、画像がずれたり隙間ができたりすることがあります。

<table border=0 cellspacing=0 cellpadding=0><tr><td>【左上の画像】</td><td width=【テーブルの幅】 height=【高さ】 bgcolor=【テーブルの色】></td><td>【右上の画像】</tr><tr><td width=【幅】 height=【高さ】 bgcolor=【テーブルの色】></td><td width=【テーブルの幅】 bgcolor=【テーブルの色】>
【テーブルの中】
</td><td width=【幅】 height=【高さ】 bgcolor=【テーブルの色】></td></tr><tr><td>【左下の画像】</td><td width=【テーブルの幅】 height=【高さ】 bgcolor=【テーブルの色】></td><td>【右下の画像】</td></tr></table>

完成するとこんな感じに
なります♪

「HTMLタグ」のトップに戻る
  サイト案内
■メインコンテンツ
イラスト / WEB素材 / CGIスクリプト / HTMLタグ / デスクトップアクセサリ / スナップ写真 / クローゼット / コスプレ写真 / ポストペット / エクセル・ワード / フォント / オークション用テンプレート / ナース勉強会 / スキンケア講座 / 節約レシピ / リンク集 / 日記 / アルバム / エッセイ / サークル活動・通信販売 / トップページ





タコ缶メルマガ
毎週日曜日22時頃発行。
サイトの更新情報やその裏話、Q&Aなどをお届けします♪

twitterでフォロー facebookでシェア Googleブックマークに登録 Yahoo!ブックマークに登録 livedoorクリップに登録 はてなブックマークに登録 save to del.icio.us
更新情報はtwitterにものっけてるので、よかったらフォローして下さい♪

RSS管理 / RSSページ / RSSって?


  ご用達リンク
  QRコード


  カウンタ


  通信販売
私がちまちま活動している同人サークル「タコの天ぷら」の発行物の紹介と通信販売です。


リメイク版みみ


プレみみ


  管理者別サイト