＜解答＞
＜解説＞
13行目の<tr bgcolor="#D3D3D3" → <tr bgcolor="lightblue" に書き換える
lightblue でも 色コード #add8e6 どちらでも結果は同じです。
google等「html 色」と検索するとコード一覧のサイトが数多く表示されます。これらの色コード一覧を参照しお好きな色の設定を行ってください。
＜解答＞
12行目の<table bgcolor="#a9a9a9" → <table width="860" bgcolor="#a9a9a9" に書き換える
＜解説＞
各項目に幅を設定しておりその幅の合計が760pxなので100pxなので860pxでテーブ全体で設定しました。
tdタグでの設定よりもtableタグの設定が優先されます。試しに15行目のtdタグの幅を200px → 300pxに変更してみてください。
表全体の幅は変わらず得意先名の列が広くなります。各項目の幅に合わせた比率で調整して表示されます。
※width="860" の860pxのpxは省略することができます。
＜解答＞
12行目の<table style="font-size:12px;" → <table style="font-size:15px;" に書き換える
＜解説＞
tableタグで行全体の設定を行います。対象行だけの場合はtrタグ、対象おセルの場合はtdダグで設定できます。
＜解答＞
12行目の<table cellspacing="1px" → <table cellspacing="2px" に書き換える
＜解説＞
cellspacingとは実は表の罫線の太さの設定ではありません。読んだ通りセルとセルとの間の幅の空間を設定します。
この幅の空間を利用して罫線に見えるようにしています。
下記のような表があります。
<table bgcolor="#a9a9a9" cellspacing="0px">
<tr bgcolor="white">
<td width="80">項目1</td>
<td width="80">項目1</td>
<tr>
<tr bgcolor="white">
<td>項目2</td>
<td>項目2</td>
<tr>
</table>
この表では罫線が表示されません。
しかし下記のようにtableタグに cellspacing="1px"を入れると表示されます。
<table bgcolor="#a9a9a9" cellspacing="1px">
<tr bgcolor="white">
<td width="80">項目1</td>
<td width="80">項目1</td>
<tr>
<tr bgcolor="white">
<td>項目2</td>
<td>項目2</td>
<tr>
</table>
ちなみにcellspacingを記述しないとデフォルトで2pxが設定されています。
cellspacing="1px"を消すと2pxの太さの罫線が現れます。
これはtableタグで表全体色をbgcolor="#a9a9a9"を設定しており、各セルの色はwhiteなので
cellspacingにて設定された隙間に#a9a9a9の色が見えるようなっています。
bgcolor="#a9a9a9" cellspacing="1px" 双方を消すと2px隙間が確認できます。
罫線の色を変えたい場合tableタグのbgcolor="#a9a9a9"の色コードを変えると変更することができます。
