格安ホームページ制作HotSpaceは、短納期で低価格な『ちょうど良いホームページ』をご提供いたします。月額費用はもちろん無料です。

デザイン要素サンプル

  • HOME »
  • デザイン要素サンプル

リードテキスト

見出し2

これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。

見出し3

これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。

見出し4

これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。

見出し5

これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。

見出し6

これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。これは見出しなどの装飾のサンプルです。

  • リストです。
  • リストです。

  1. 番号リストです。
  2. 番号リストです。

通常のテーブル

thead th thead th
th テーブル項目 td テーブル内容テーブル内容テーブル内容テーブル内容テーブル内容テーブル内容テーブル内容
th テーブル項目 td テーブル内容テーブル内容テーブル内容テーブル内容テーブル内容テーブル内容テーブル内容

モバイル時に縦積みになるテーブル

table class=”mobile-block” を指定すると、画面が狭い場合に縦積みのテーブルになります。
ただし、thead無しの横2列までの表での有効です。横のセルが多かったりすると意味がわからなくなります。

th テーブル項目 td テーブル内容テーブル内容テーブル内容テーブル内容テーブル内容テーブル内容テーブル内容
th テーブル項目 td テーブル内容テーブル内容テーブル内容テーブル内容テーブル内容テーブル内容テーブル内容

div要素に class=”sectionFrame” を指定すると、このような枠が装飾されます。
blockquote を指定してもこのような枠が装飾されます。

class=”sectionBox” を指定すると、指定した要素の下に少し広めの余白が設定されます。

dt 定義リスト
dl 定義リスト内容

質問1
回答回答回答回答回答回答
質問2
回答回答回答回答回答回答

お問い合わせ
まずはお気軽のお問い合わせください。
納品・ご入金
納品いたしましたらご入金よろしくお願いいたします。

ボタン小
ボタン
ボタン大

現在お電話でのご対応ができません TEL 050-5579-9105 お手数ですがメールにてご連絡ください

  • Facebook
  • Hatena
  • twitter
  • Google+
PAGETOP
Copyright © HotSpace All Rights Reserved.
Powered by WordPress & BizVektor Theme by Vektor,Inc. technology.