テーブルの外枠を消す
今は、テーブルに枠がついています。
テーブルを本来の目的である表として使用するのであれば、枠があるままで問題ないのですが、今は、テーブルをデザインのレイアウトを固めるために使用していますので、枠は不要です。
枠があるとデザインが非常に悪くなるので、枠を消してしまいたいと思います。
枠は、「border」という値で設定されており、現在は「1」になっています。
これを「2」とか「3」にすればさらに枠は太くなりますし、反対に「0」にすれば枠は消えます。
少し難しいのですが、HTMLを直接編集して枠を消したいと思います。
現在「ページ/ソース」タブになっており、下にHTMLが表示されていると思います。
そのHTMLで以下のようになっている部分を見つけてください。
<table border="1" width="760">
これがテーブルを表示させるためのHTMLです。
「border」というのが枠の太さで、「width」というのが枠の幅です。
今は、枠の太さを「0」にしますので「border="1"」 を「border="0"」に変更してください。
すると、枠が点線になり消えます。
↓ここまでの解説を動画で見ることができます。
これで、レイアウトが完成しました。
あとは、それぞれのパーツを完成させていくだけです。
このあたりで一度上書き保存をしておきましょう。
「ファイル」→「上書き保存」で今までの作業を保存しておいてください。
もしくは、「Ctrl+S」を押しても上書き保存することができます。
Search
サイト内を検索することができます。
Links
Web製作おすすめ本
ホームページビルダー使い方トップへ>テーブルの外枠を消す





