
	リンクのテキストを装飾しよう

	スクロールバーに色をつける

	角が丸いテーブルを作る

	枠線が細いテーブルを作る

	テーブルの外枠を非表示に

	お気に入りのアイコンを変更

	横一列や縦一列の背景画像

ご意見・ご感想

ご利用上の注意

実践Webデザイン塾

格安ADSL・電話加入権

【資料請求無料】 ★受講料の一部を国が支給！「ＷＥＢデザイナー養成講座」

■角が丸いテーブルを作るには?

普通にテーブルタグを記述していても、枠線が立体的なテーブル、線が太いテーブル、枠線のないテーブルぐらいしか作れません。テーブルタグとちょっとした画像を組み合わせて使うことによってデザインのバリエーションを増やすことができます。

完成サンプル

完成形は以下のようなテーブルです。


	ここにコンテンツが入ります。

角に使う画像と準備スペースを調整する画像を準備

4つの画像とスペースを調整するための1px四方の透過GIF画像(images/spacer.gif)を用いて作ります。

使用する画像
corner_tl.gif		corner_tr.gif
corner_bl.gif		corner_br.gif
1px四方の透過GIF

・ソース

解説

9等分したテーブルの4角に角を丸くした画像を配置するだけです。どのようなテーブルの構造になっているか、border="1"(枠線を表示の状態)にして見てましょう。


	ここにコンテンツが入ります。

ソースを見ると分かりますが、文字等が何も入らないセルには透明の画像を配置してサイズを調整しています。中央のセルには、width="100%"を指定することによって、Netscape4.Xの表示ずれ対策をしています。

オススメ！HTML関連書籍を最短24時間でお届け!

オススメ！格安レンタルサーバーのご紹介

【格安】月々833円で独自ドメインも使える！（株）ジェイナビ

月々833円という格安のレンタルサーバーです。プランによっては独自ドメイン(○○○.comといったURL)によるサイト運営が無料でできますので、大変コストパフォーマンスが優れています。
もちろんCGIやPHPなどにも対応しておりますので、高度なWebサイト運用にも適しています。また、メールアカウント数も無制限ですので、数多くのメールアドレスを取得したい方にも最適です。

3,000台超のサポート実績を誇る最強の専用ホスティング！
AT-LINK専用サーバ・サービス（株）リンク

本格的なWebサイトの運用を考えている方や法人の方には、専用サーバーがお勧めです。専用サーバーとは、1台のサーバーを1人のユーザーのみで運用が出来るサービスで、100人前後で切り分けて利用するレンタルサーバーに比べて安定した運用が可能になります。ページビューが多いサイトや、プログラムを使った高負荷なサイトに最適です。 (2003/06現在)

▲PageTop▲

[PR]おすすめコンテンツ：

・iアプリ検索 ・ゲーム通販 ・転職・自動車保険 ・無料着メロ ・ゲーム攻略 ・郵便番号検索 ・ショッピングモール ・健康食品 ・ダイエット ・年収

・オンラインショップ「買っ得.com」
ブランド品販売(グッチ・ティファニー)｜美容健康ダイエットサプリメント販売｜CD DVD 販売｜ゲームソフト攻略本｜雑貨インテリア｜英語教材英語学習
豆乳クッキーダイエット｜自動車保険口コミ｜通販化粧品口コミ｜ダイエット口コミ｜