文字装飾ボタン一覧
SIRIUSの文字装飾ボタンの一覧です。
シンプルなものから、デザイン性の高いものまで
ありますので、ぜひご活用していただければと
思います。
シンプルなものから、デザイン性の高いものまで
ありますので、ぜひご活用していただければと
思います。
文字装飾ボタン一覧
SIRIUS2の文字装飾ボタンの一覧です。
シンプルなものから、デザイン性の高いものまでありますので、
ぜひご活用していただければと思います。
|
ボタン |
ボタン名 |
挿入されるタグ |
実際の表示 |
|---|---|---|---|
|
|
強調 |
<strong>強調</strong> |
強調 |
|
|
斜体 |
<em>斜体</em> |
斜体 |
|
|
取消線 |
<s>取消線</s> |
|
|
|
下線 |
<u>下線</u> |
下線 |
|
|
H2見出し |
<h2>H2見出し</h2> |
|
|
|
H3見出し |
<h3>H3見出し</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> |
|
|
|
チェックリスト |
<ul class="li-check"><li >チェックリスト</li></ul> |
|
|
|
数字リスト(丸) |
<ol class="ol-circle"><li >数字付リスト</li></ol> |
|
|
|
リンクの挿入 |
<a href="http://www.sample.co.jp/">リンクの挿入</a> |
|
|
|
画像 |
<img src="../../img/(画像ファイル名)" alt="" /> | ※指定した画像が表示されます |
|
|
テーブル | ||
|
|
ボックス | <div class="nmlbox">ボックス</div> |  |
|
|
画像付ボックス | <div class="rank1">画像付ボックス</div> |  |
|
|
ポイント | <div class="point">ポイント</div> |  |
|
|
ランキング | <div class="rank1">ランキング</div> |  |
|
|
水平線 | <p class="border1"></p> |  |
|
|
文字色 | <span style="color:#FF0A0A">文字色</span> | 文字色 |
|
|
蛍光ペン | <span class="ylw">蛍光ペン</span> | 蛍光ペン |
