見出し

タイトルなどの見出しに使用します。h1からh6までの大きさがあります。

h1 見出し

h2 見出し

h3 見出し

h4 見出し

h5 見出し
h6 見出し

カラム

シンプルなカラムのみ制作しています。横幅が12の数字になるように、レイアウトを組みます。

カラム1
カラム11 border-radius:10px
カラム2
カラム10 font-size:30px
カラム3
カラム9 font-weight:800
カラム4
カラム8 color:#FF0000
カラム5
カラム7
カラム6
カラム6
カラム7
カラム5
カラム8
カラム4
カラム9
カラム3
カラム10
カラム2
カラム11
カラム1
カラム12

ボタン

ボタン1ボタン2ボタン3ボタン4ボタン5ボタン6ボタン7ボタン8ボタン9ボタン10

フォーム

リスト

  • リストスタイル
  • リストスタイル
  • リストスタイル
  1. 番号付きのリスト
  2. 番号付きのリスト
  3. 番号付きのリスト

テーブル

タイトル タイトル タイトル
文章 文章 文章
文章 文章 文章
文章 文章 文章

コード

.test-class {
background-color: F1F1F1;
font-size: 16px;}

TOP