文字装飾ボタン一覧

文字装飾ボタン一覧

SIRIUSの文字装飾ボタンの一覧です。
シンプルなものから、デザイン性の高いものまで
ありますので、ぜひご活用していただければと
思います。

文字装飾ボタン一覧

SIRIUS2の文字装飾ボタンの一覧です。
シンプルなものから、デザイン性の高いものまでありますので、
ぜひご活用していただければと思います。

 

ボタン

ボタン名

挿入されるタグ

実際の表示

強調

<strong>強調</strong>

強調

斜体

<em>斜体</em>

斜体

取消線

<s>取消線</s>

取消線

下線

<u>下線</u>

下線

H2見出し

<h2>H3見出し</h2>

H3見出し

<h3>H4見出し</h3>

H4見出し

<h4>H4見出し</h4>

H5見出し

<h5>H5見出し</h5>

H6見出し

<h6>H6見出し</h6>

左揃え

<p style="text-align:left;">左揃え</p>

左揃え

中央揃え

<p style="text-align:center">中央揃え</p>

中央揃え

右揃え

<p style="text-align:right">右揃え</p>

右揃え

リスト

<ul><li > リスト</li></ul>

  • リスト

数字リスト

<ol><li >数字付リスト</li></ol>
  1. 数字付リスト

チェックリスト

<ul class="li-check"><li >チェックリスト</li></ul>
  • チェックリスト

数字リスト(丸)

<ol class="ol-circle"><li >数字付リスト</li></ol>
  1. 数字付リスト

リンクの挿入

<a href="http://www.sample.co.jp/">リンクの挿入</a>

リンクの挿入

項目1

画像

<img src="../img/(画像ファイル名)" alt="" /> ※指定した画像が表示されます

項目1

テーブル    

項目1

ボックス <div class="nmlbox">ボックス</div> 項目4

項目1

画像付ボックス <div class="rank1">画像付ボックス</div> 項目4

項目1

ポイント <div class="point">ポイント</div> 項目4

項目1

ランキング <div class="rank1">ランキング</div> 項目4

項目1

水平線 <pclass="border1"></p> 項目4

項目1

文字色 <span style="color:#FF0A0A">文字色</span> 文字色

項目1

蛍光ペン <span class="ylw">蛍光ペン</span> 蛍光ペン