テーブルの表組みいろいろ – WordPressテーマ「mag.」

MENU

SEARCH

TAGS

テーブルの表組みいろいろ

    INDEX

  1. ２列の表組み（デフォルト）
  2. ３列の表組み
  3. 表組み・背景色あり
  4. プライスリストの表組み

２列の表組み（デフォルト）

ダミーです。ダミーです。ダミーです。ダミーです。 ダミーです。ダミーです。ダミーです。ダミーです。
ダミーです。ダミーです。ダミーです。ダミーです。 ダミーです。ダミーです。ダミーです。ダミーです。 
<table>
 <tr>
  <th>ダミーです。ダミーです。ダミーです。ダミーです。</th>
  <td>ダミーです。ダミーです。ダミーです。ダミーです。</td>
 </tr>
 <tr>
  <th>ダミーです。ダミーです。ダミーです。ダミーです。</th>
  <td>ダミーです。ダミーです。ダミーです。ダミーです。</td>
 </tr>
</table>

３列の表組み

ダミーです。ダミーです。ダミーです。ダミーです。 ダミーです。ダミーです。ダミーです。ダミーです。 ダミーです。ダミーです。ダミーです。ダミーです。
ダミーです。ダミーです。ダミーです。ダミーです。 ダミーです。ダミーです。ダミーです。ダミーです。 ダミーです。ダミーです。ダミーです。ダミーです。 
<table class="as_3col">
 <tr>
  <th>ダミーです。ダミーです。ダミーです。ダミーです。</th>
  <td>ダミーです。ダミーです。ダミーです。ダミーです。</td>
  <td>ダミーです。ダミーです。ダミーです。ダミーです。</td>
 </tr>
 <tr>
  <th>ダミーです。ダミーです。ダミーです。ダミーです。</th>
  <td>ダミーです。ダミーです。ダミーです。ダミーです。</td>
  <td>ダミーです。ダミーです。ダミーです。ダミーです。</td>
 </tr>
</table>

表組み・背景色あり

ダミーです。ダミーです。ダミーです。ダミーです。 ダミーです。ダミーです。ダミーです。ダミーです。
ダミーです。ダミーです。ダミーです。ダミーです。 ダミーです。ダミーです。ダミーです。ダミーです。 
<table class="type-list">
 <tr>
  <th>ダミーです。ダミーです。ダミーです。ダミーです。</th>
  <td>ダミーです。ダミーです。ダミーです。ダミーです。</td>
 </tr>
 <tr>
  <th>ダミーです。ダミーです。ダミーです。ダミーです。</th>
  <td>ダミーです。ダミーです。ダミーです。ダミーです。</td>
 </tr>
</table>
ダミーです。ダミーです。ダミーです。ダミーです。 ダミーです。ダミーです。ダミーです。ダミーです。 ダミーです。ダミーです。ダミーです。ダミーです。
ダミーです。ダミーです。ダミーです。ダミーです。 ダミーです。ダミーです。ダミーです。ダミーです。 ダミーです。ダミーです。ダミーです。ダミーです。 
<table class="as_3col type-list">
 <tr>
  <th>ダミーです。ダミーです。ダミーです。ダミーです。</th>
  <td>ダミーです。ダミーです。ダミーです。ダミーです。</td>
  <td>ダミーです。ダミーです。ダミーです。ダミーです。</td>
 </tr>
 <tr>
  <th>ダミーです。ダミーです。ダミーです。ダミーです。</th>
  <td>ダミーです。ダミーです。ダミーです。ダミーです。</td>
  <td>ダミーです。ダミーです。ダミーです。ダミーです。</td>
 </tr>
</table>

プライスリストの表組み

ダミーです。 8,800円 ～ 17,600円
ダミーです。ダミーです。ダミーです。 22,000円 ～ 71,500円
ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。 2,200円 
<table class="price-list">
<tr>
<th>ダミーです。</th>
<td>8,800円 ～ 17,600円</td>
</tr>
<tr>
<th>ダミーです。ダミーです。ダミーです。</th>
<td>22,000円 ～ 71,500円</td>
</tr>
<tr>
<th>ダミーです。ダミーです。ダミーです。ダミーです。ダミーです。</th>
<td>2,200円</td>
</tr>
</table>
TAGS | #

RELATED POST