HP上でテーブルを二重にしたり縁取りする方法

今日はWEB上でテーブルを使用する時の小技を紹介しますね・・・

• テーブルを二重にする場合
  

  テーブルを二重

  
  ＜TABLE border="2" width="150" height="70" cellspacing="0" style="filter:dropshadow(color=lightblue,offX=6,offY=10)"＞＜TR＞＜TD＞テーブルを二重＜/TD＞＜/TR＞＜/TABLE＞
  
  • cellspacingはセル同士の間隔。
    指定しなければ通常2ピクセルの間隔が開きます。
    下の図の様に成ります

    • テーブルを二重

    
    
  • [color=]は二重テーブルの色
    
  • offX（横）,offY（縦）は二重テーブルのずれる方向を指定
    
  • テーブル内の文字や画像にも同じ効果が出ます
  
  
  
  
• テーブルを縁取りする場合
  

  テーブルを縁取り

  
  ＜TABLE border="5" width="150" height="100" cellspacing="0" style="filter:glow(color=lightblue);"＞＜TR＞＜TD＞テーブルに縁取り＜/TD＞＜/TR＞＜/TABLE＞

但し、先ほども書いておきましたようにテーブル内の文字や画像にも同じ効果が出てしまいますので忘れないで下さいね。


今日の小技は如何でしたか？



宜しければ、下の評価ボタンを押してみて下さい