<table>

width

<table class="table"></table>

html {
  font-size: 62.5%;
}

body {
  font-family: 'Hiragino Sans', Meiryo, sans-serif;
  font-size: 1.4rem;
}

/* 問題1. tableタグを使って、表を作成しよう */
.table {
  width: 500px;
}


html {
  font-size: 62.5%;
}

body {
  font-family: 'Hiragino Sans', Meiryo, sans-serif;
  font-size: 1.4em;
}

/* 問題1. tableタグを使って、表を作成しよう */


表を作成しよう

<tr>

<th>

padding

padding: 10px 20px 30px;

上記のような場合、余白は上が$(1)px、右が$(2)px、下が$(3)px、左が$(4)pxとなる。

text-align

background-color

color

表の行と見出しを作成しよう

<td>

colspan属性

rowspan属性

vertical-align

表の内容を表そう

border-collapse

border

表をスタイリングしよう

表形式の料金プランを作成し、ウェブサイトへの導入方法を学びます。
明確でわかりやすい情報表示のためのテーブルデザイン技術を修得します。

0からWebサイト制作のコツを学び、案件獲得までに必要なスキルをキャッチアップします。

Web制作コース

【パーツ編📦】ウェブサイトの主要なセクションパーツを作成

「料金プラン表を実装しよう」レッスンの総復習クイズです。