HPB18 | HPB19 コンテンツ一覧
ホーム > HPB19 > ホームページビルダー19 罫線の引き方
目次 | 元のページ 前のページ | 次のページ サイトマップ | ページEND

ホームページビルダー19 罫線の引き方



ホームページビルダー19 罫線の引き方



表を作成した際の、仕切り線、(行間)罫線の引き方を説明します

行間罫線、セル間の仕切り線ですが、ホームページビルダーでは、というより、ホームページの世界では、行間に線を引くという概念がありません

ただし、セルとセルの間には、隙間があります

そこで、この隙間を通して、背景の色を見せることによって、あたかもセル間に線が引かれているかのように見せる、という手法を用います



ホームページビルダー19 行間罫線の引き方




この表に罫線を引いて見ましょう
ホームページビルダー19 罫線の無い表の表示




ブラウザで見てみると、何も入力していない為、表があることすら分かりません
ホームページビルダー19 表の属性の変更




全部のセルをドラッグして選択後、右クリック → 「属性の変更」をクリックします
ホームページビルダー19 セルの色設定




「属性」ダイアログ真ん中の「セル」タブの「色」の右側にある、「ホームページビルダー19 色設定選択」をクリックして、出てきた色から、セルの色、ここでは。「白」をクリックします

なお、セル内が空白のまま表示すると、行が詰まって見辛いので、「セルの高さ」に「30」を入れてあります
ホームページビルダー19 表(罫線)の色設定




左端タブの「表」タブにて、同様に、「色」を、ここでは「銀色」(薄い灰色)をクリック選択します

ここで選んだ色が、罫線の色になります
ホームページビルダー19 罫線設定後の表示




ブラウザで確認すると、こんな感じです
ホームページビルダー19 罫線の幅




罫線の太さは、「罫線の幅」で指定します

空欄の場合のデフォルト値は、「 2 」です
ホームページビルダー19 スタイル線設定後の表示




参考までに、「スタイルの設定」から「スタイル」設定で、全セルに枠線を引いた場合の表示例もお見せしておきます

ハードコピーを縮小してますので、分かり辛いかと思いますが、セルの周りに線が引かれ、セルとセルの間には、隙間がありますので、周囲の線は途切れ々になりますし、中の線は二重になってしまいます

また、セル一つづつ、それぞれに設定していく必要があります
全セルまとめて設定はできません


ホームページビルダー19 罫線の幅 0 スタイル設定




罫線の幅を「 0 」にした状態です

これもありでしょうか



お断り  説明内容に支障のないところでは、ホームページビルダー18 のハードコピーが使われておりますこと、ご了承下さい

目次 | 元のページ 前のページ | 次のページ サイトマップ | ページTOP
ホーム > HPB19 > ホームページビルダー19 罫線の引き方
HPB18 | HPB19 コンテンツ一覧
   

© 2014 abhp.net All Rights Reserved.
ページTOP
ページTOP
ページTOP
ページTOP
ページTOP
ページTOP