著者: Gu Yanying
Dreamweaver にテーブルを挿入すると、その「境界線」を 1 に設定すると、プレビュー時にその境界線が太くなります。 HTML 言語に詳しくない Web ページ作成者にとって、エッジの薄い表をすばやく作成するにはどうすればよいでしょうか?次に、背景色と間隔をうまく使って端の薄い表を作成するちょっとしたテクニックを紹介します。
例として、4 行 3 列と細い赤い枠を持つテーブルを作成します。
ステップ 1 Dreamweaver のデザインビューに 4 行 3 列のテーブルを挿入します。
ステップ 2 [プロパティ] パネルでこのテーブルのプロパティを次のように設定します。 マージン (CellPad) は必要に応じて値を設定します (たとえば、10)。 境界線 (Border) は 0 です。背景色）は赤です。
ステップ 3 このテーブル内のすべてのセルを選択し、[プロパティ] パネルですべてのセルのプロパティを次のように設定します。 背景色 (Bg) は白または赤以外の色です。
最後に、Web ページを保存し、F12 キーを押してプレビューします。どうでしょうか、あなたの目の前に4行3列の細い赤い線の表が提示されていますか？
また、通常通りテーブルを使用してレイアウトや配置を行いたい場合でも、外側の境界線が細い線で表示され、内部のセルの区切り線が表示されなければ、ネストされたテーブルを併用することができます。以下では、テーブルの外枠として細い赤い線を例として操作方法を説明します。
ステップ 1 Dreamweaver のデザインビューに 1 行 1 列のテーブルを挿入します。
ステップ 2 [プロパティ] パネルでこのテーブルのプロパティを次のように設定します。 [マージン] は必要に応じて設定します (たとえば、5)。 [境界線] は 0、[背景色] は赤です。
ステップ 3 このテーブルの唯一のセルを選択し、[プロパティ] パネルでこのセルの [背景色] を白または赤以外の色に設定します。
ステップ 4 1 行 1 列のテーブル内にカーソルを置き、必要に応じて、複数の行と列を含むネストされたテーブルを挿入します。このネストされたテーブルの「境界線」を 0 に設定し、「マージン」と「間隔」を設定する必要があります。 " は必要に応じて設定または設定できませんが、他の属性は設定できない場合があります。
このようにして、テキスト、画像、その他の Web ページ要素をネストされたテーブルのさまざまなセルに挿入できます。
少し誘惑されていますか？今すぐ試してみましょう！