5.定義済クラスについて

当サイトで配布しているテンプレートに含まれるスタイルシート(CSSファイル)には、予め"文字色の変更"と"記事内の画像配置"のためのクラスを定義しています。このページではこれらの定義済クラスについて説明していますのでご活用下さい。

文字色の変更
文章中の文字色変更
<span class="red">色見本</span>
<span class="pink">色見本</span>
<span class="blue">色見本</span>
<span class="sky">色見本</span>
<span class="green">色見本</span>
<span class="lime">色見本</span>
<span class="orange">色見本</span>
<span class="purple">色見本</span>
<span class="brown">色見本</span>
<span class="gray">色見本</span>

文章中の文字色変更 太字バージョン
<span class="redb">色見本</span>
<span class="pinkb">色見本</span>
<span class="blueb">色見本</span>
<span class="skyb">色見本</span>
<span class="greenb">色見本</span>
<span class="limeb">色見本</span>
<span class="orangeb">色見本</span>
<span class="purpleb">色見本</span>
<span class="brownb">色見本</span>
<span class="grayb">色見本</span>

記事内の画像配置
画像左側配置:<img src="http://***.gif" class="img_left" />
画像中央配置:<img src="http://***.gif" class="img_center" />
画像右側配置:<img src="http://***.gif" class="img_right" />
※記事内での回り込み解除には<br style="clear:both;">を挿入
※上の例では画像の幅や高さなどの指定を省いています
化粧品 お試しセットコラーゲン ランキング化粧品 口コミ無添加化粧品 ランキング化粧品 トライアルセット