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

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

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

←前に戻る トップページ 内容一覧 次ページ→
■表の角を丸める 簡単なテクニック 6
表のセルに色をつけて表示することがよくあります。たとえばこんな風に

よくトップページなんかでこんな風に囲っていろいろ書いてあります。このサイトのトップページもこのようにかかれていますね。

この表の角を丸くするにはどうしたらいいのでしょう。表というか四角い枠全体をペイントソフトで角を丸くして書けばできます。でも、そうすると1枚の画像になってしまうので、文字を上に表示するにはレイアウト枠を使わないと出来ません。あるいは表の背景にするしかありません。まだレイアウト枠は説明してませんし、レイアウト枠を使うとブラウザの表示サイズによってはレイアウトががたがたになってしまうこともあります。

そこで、角の4つだけを用意して表を作ってしまおうというわけです。よくわかりませんね。実際にやってみましょう。

まず、表を作ります。3X3のおおきさです。
      
           
            

この表の角4箇所に用意した丸めた角の画像をいれます。       この4つです。
   
     
 

こうです。あとは残りのセルを同じ色にするだけです。
     
       
    

これで表に枠を表示させないようにすれば、うまく・・・・
   
     
 

ややや、すきまができているではないの。ということで、次ページですきまを消す方法を説明しましょう。

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