文字装飾ボタン一覧
SIRIUSの文字装飾ボタンの一覧です。
シンプルなものから、デザイン性の高いものまでありますので、
ぜひご活用していただければと思います。
ボタン |
ボタン名 |
挿入されるタグ |
実際の表示 |
---|---|---|---|
強調 |
<strong>強調</strong> |
強調 |
|
斜体 |
<em>斜体</em> |
斜体 |
|
取消線 |
<s>取消線</s> |
取消線 |
|
下線 |
<u>下線</u> |
下線 |
|
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> |
数字付リスト |
|
リンクの挿入 |
<ahref="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> | ||
水平線 | <pclass="border1"></p> | ||
引用文 | <blockquote>引用文</blockquote> | ||
カスタマイズ装飾ボタン1 | <spanstyle="color:#FF0000;"><u>赤下線</u></span> | 赤下線 | |
カスタマイズ装飾ボタン2 | <spanstyle="color:#0000FF;"><u>青下線</u></span> | 青下線 | |
カスタマイズ装飾ボタン3 | <span style="font-size:18px">文字サイズ大</span> | 文字サイズ大 | |
カスタマイズ装飾ボタン4 | <span style="font-size:26px">文字サイズ特大</span> | 文字サイズ特大 | |
カスタマイズ装飾ボタン5 | <hr style="border-bottom:solid 1px#CCC" border="0" />水平線 | ||
カスタマイズ装飾ボタン6 | <spanstyle="text-decoration:none;color:#333">装飾なし</span> | 装飾なし | |
文字色 | <span style="color:#FF0A0A">文字色</span> | 文字色 | |
蛍光ペン | <span class="ylw">蛍光ペン</span> | 蛍光ペン | |
文字サイズ | <span style="font-size:24px">文字サイズ</span> | 文字サイズ |
※カスタマイズ装飾ボタン1〜10は、挿入するタグを自分でカスタマイズする事が可能です。