| ■表の角を丸める 簡単なテクニック ６ | |||||||||||||||||||||||||||||||||||||
表のセルに色をつけて表示することがよくあります。たとえばこんな風に
この表の角を丸くするにはどうしたらいいのでしょう｡表というか四角い枠全体をペイントソフトで角を丸くして書けばできます。でも、そうすると１枚の画像になってしまうので、文字を上に表示するにはレイアウト枠を使わないと出来ません｡あるいは表の背景にするしかありません。まだレイアウト枠は説明してませんし、レイアウト枠を使うとブラウザの表示サイズによってはレイアウトががたがたになってしまうこともあります｡ そこで、角の４つだけを用意して表を作ってしまおうというわけです。よくわかりませんね。実際にやってみましょう。 まず、表を作ります。３Ｘ３のおおきさです。 この表の角４箇所に用意した丸めた角の画像をいれます。     この４つです。
こうです。あとは残りのセルを同じ色にするだけです｡
これで表に枠を表示させないようにすれば、うまく・・・・
ややや、すきまができているではないの。ということで、次ページですきまを消す方法を説明しましょう｡ |