テーブルのセルの背景を◎○△×といったようなアイコンフォントで装飾して比較表を作る方法を紹介します。
完成形はこのようになります。
ガスコンロとIHヒーターの比較表
調理機器 | ガスコンロ | IHヒーター |
---|---|---|
光熱費 | 都市ガスなら最も安い | 夜間・早朝なら都市ガスと同等 |
安全性 | 直接火を扱うことによる危険性 | 高齢者・子供・ペットにも安心 |
お手入れ | バーナー周りの凸凹が面倒 | フラットで掃除しやすい |
調理器具 | 大体の鍋・フライパンが使用可能 | IH対応器具が必要 |
高火力の同時調理 | 全口で同時に高火力が可能 | 2口以上の高火力は難しい |
テーブルのセルの背景にアイコンを挿入する方法
まずこのように比較表用のテーブルを作成します。
ガスコンロとIHヒーターの比較表
調理機器 | ガスコンロ | IHヒーター |
---|---|---|
光熱費 | 都市ガスなら最も安い | 夜間・早朝なら都市ガスと同等 |
安全性 | 直接火を扱うことによる危険性 | 高齢者・子供・ペットにも安心 |
お手入れ | バーナー周りの凸凹が面倒 | フラットで掃除しやすい |
調理器具 | 大体の鍋・フライパンが使用可能 | IH対応器具が必要 |
高火力の同時調理 | 全口で同時に高火力が可能 | 2口以上の高火力は難しい |
背景にアイコンを入れたいセルのテキストを選択します。

ツールバーにある○ボタンを押します。するとアイコンがいくつか表示されるので、その中から挿入したいアイコンを選択します。

すると以下のようにセルの背景にアイコンが挿入されます。

このように入力が必要なすべてのセルにアイコンを挿入するとこんな感じになります。
ガスコンロとIHヒーターの比較表
調理機器 | ガスコンロ | IHヒーター |
---|---|---|
光熱費 | 都市ガスなら最も安い | 夜間・早朝なら都市ガスと同等 |
安全性 | 直接火を扱うことによる危険性 | 高齢者・子供・ペットにも安心 |
お手入れ | バーナー周りの凸凹が面倒 | フラットで掃除しやすい |
調理器具 | 大体の鍋・フライパンが使用可能 | IH対応器具が必要 |
高火力の同時調理 | 全口で同時に高火力が可能 | 2口以上の高火力は難しい |
挿入したアイコンの削除方法
背景アイコンを削除するには、背景画像があるセルのテキストを全て選択します。

ツールボタンから「書式のクリア」を選択します。

すると以下のように背景アイコンが削除されます。

背景アイコンはテーブル以外でも使用可
以下のように背景アイコンはテーブルのセル以外でも使用できます。
是非点々色々な使い方を考えてみてください。