fbpx

基本CSSデザイン集

1.border付きのタイトル

表題テキスト

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

2.吹き出しとコンテンツ

吹き出し吹き出し吹き出し

題目1

テキストテキストテキストテキストテキストテキストテキストテキストテキスト

題目2

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

題目3

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

3.borderで囲った強調テキスト

リードの獲得→商談→見積もり→受注

4.チェックマーク付きリスト

  • テキストテキストテキストテキストテキストテキスト
  • テキストテキストテキストテキストテキストテキスト
  • テキストテキストテキストテキストテキストテキスト
  • テキストテキストテキストテキストテキストテキスト
  • テキストテキストテキストテキストテキストテキスト

5.テーブルスタイル1(2列の場合)

テキストテキスト テキストテキスト
テキストテキスト テキストテキスト
テキストテキスト テキストテキスト
テキストテキスト テキストテキスト

6.テーブルスタイル2(3列以上の場合スマホでスクロール)

テキストテキスト テキストテキスト テキストテキスト
テキストテキスト テキストテキスト テキストテキスト
テキストテキスト テキストテキスト テキストテキスト

7.テーブルスタイル3

テキスト テキストテキストテキストテキスト
テキスト テキストテキストテキストテキスト
テキスト テキストテキストテキストテキスト

8.青丸付きのリスト

  • テキストテキストテキストテキスト
  • テキストテキストテキストテキスト
  • テキストテキストテキストテキスト
  • テキストテキストテキストテキスト

9.番号付きのリスト

  • 1テキストテキストテキストテキストテキストテキストテキストテキスト
  • 2テキストテキストテキストテキストテキストテキストテキストテキスト
  • 3テキストテキストテキストテキストテキストテキストテキストテキスト

10.例のリスト

  • テキストテキストテキストテキスト
  • テキストテキストテキストテキスト
  • テキストテキストテキストテキスト
  • テキストテキストテキストテキスト

11.質問と答え

Qテキストテキストテキストテキスト

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

Qテキストテキストテキストテキスト

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト