パーツ番号 05-10-09 ・ CSSのみ

アイコン付き機能一覧表

各機能に小さなアイコンを添えた静止の一覧表。機能紹介ページやマニュアル目次に使える。

staticcss

プレビュー

ソースコード

HTML

<table>
          <tbody>
            <tr><td class="ic">📁</td><td>ファイル管理</td></tr>
            <tr><td class="ic">🔒</td><td>権限設定</td></tr>
            <tr><td class="ic">📊</td><td>集計レポート</td></tr>
            <tr><td class="ic">🔔</td><td>通知連携</td></tr>
          </tbody>
        </table>

CSS

.d05-10-09 table{width:100%;border-collapse:collapse;font-size:11px;font-family:sans-serif}
        .d05-10-09 td{padding:7px 6px;border-bottom:1px solid #eee;color:#444;vertical-align:middle}
        .d05-10-09 td.ic{width:28px;text-align:center;font-size:14px;background:#f5f6f8;border-radius:4px}

クラス名 .d05-10-09 は本ライブラリ内での識別用です。複数のパーツを同じページで使う場合は、重複しないよう名前を変更してください。