HTML | HP制作備忘録

3.テーブル

<table>表の外枠</table>
<tr>行</tr>
<td>列</td>　or <th>先頭列</th>

★基本使用例
<table>
<tr><th>タイトルA</th><th>タイトルB</th></tr>
<tr><td>内容C</td><td>内容D</td></tr>
<tr><td>内容E</td><td>内容F</td></tr>
</table>
		

 border=1 枠線あり　
 background=背景画像のURL
 bgcolor=背景の色
 <caption>タイトル</caption>
 
 align=位置指定
 　位置　center（中央） left（左） right（右）
 
 colspan=ｘ列分を１列にまとめる
 rowspan=ｘ行分を１列にまとめる
 
■CSS
 background-color: 背景色;
 border: 線（全体）　スタイル・太さ・色
 　thin（細）　medium（普通）　thick（太）
 border-width: 線の太さ
 border-style:線のスタイル
  　solid １本線　double　２本線　dashed　破線　dotted　点線
 border-color:線の色
 
 border-top: 線の上側
 border-bottom:線の下側
 border-left: 線の左側
 border-right: 線の右側
 
 width: 横の長さpx;
 text-align: 位置;
 　位置　center（中央） left（左） right（右）
 float:left;　表を並べる
 border-radius: 角を丸くするpx;
 　左上、右上、右下、左下の順で指定可能
 　(横の半径)左上、右上、右下、左下 / (縦の半径)左上、右上、右下、左下の順で指定可能
  　border-top-left-radius:
  　border-top-right-radius:
  　border-bottom-right-radius: 
  　border-bottom-left-radius: 個別に指定