パーツ番号 10-15-01 ・ CSSのみ

シンプル求人カード

職種・給与・勤務地のみで構成した最小限の求人カードです。採用ページの求人一覧で情報を素早く比較させたい場合に使えます。

staticcss

プレビュー

ソースコード

HTML

<div class="card">
          <p class="job">Webデザイナー</p>
          <p class="salary">月給 25万円〜32万円</p>
          <p class="loc">東京都渋谷区</p>
        </div>

CSS

.d10-15-01 .card{width:220px;background:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:16px;box-shadow:0 2px 6px rgba(0,0,0,.06);}
        .d10-15-01 .job{margin:0 0 8px;font-size:15px;font-weight:700;color:#222;}
        .d10-15-01 .salary{margin:0 0 6px;font-size:13px;color:#c0392b;font-weight:700;}
        .d10-15-01 .loc{margin:0;font-size:12px;color:#777;}

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