コンテンツのボックス表示サンプル

記事を書きながら、DigiPressテーマのスタイルシート(CSS)で決められた定義(class属性)をHTMLタグに指定するだけで、記事内の強調したいまとめとなる文章やコンテンツを枠線(ボックス)で囲んで表示させることができます。
難しいHTMLのスタイル定義や画像を用意しなくても、意図も簡単に美しくオシャレな見栄えのよい記事デザインをお楽しみいただけます。
ボックスの指定は8色のカラー、3種類の枠タイプ、背景色の有無からお選びいただけます。
ボックス表示サンプル
これはボックス内のコンテンツです。
ボックスサンプル(グレー)
ボックスサンプル(グレー)
これはボックス内のコンテンツです。
背景色ありボックスサンプル(グレー)
背景色ありボックスサンプル(グレー)
これはボックス内のコンテンツです。
ボックスサンプル(レッド)
ボックスサンプル(レッド)
これはボックス内のコンテンツです。
背景色ありボックスサンプル(レッド)
背景色ありボックスサンプル(レッド)
これはボックス内のコンテンツです。
ボックスサンプル(ブルー)
ボックスサンプル(ブルー)
これはボックス内のコンテンツです。
背景色ありボックスサンプル(ブルー)
背景色ありボックスサンプル(ブルー)
記述例
<div class=”int1″>これはボックスです。</div>
その他のカラーや太枠ボックスや点線ボックスのサンプルは、続きからご覧ください。
これはボックス内のコンテンツです。
ボックスサンプル(グリーン)
ボックスサンプル(グリーン)
これはボックス内のコンテンツです。
背景色ありボックスサンプル(グリーン)
背景色ありボックスサンプル(グリーン)
これはボックス内のコンテンツです。
ボックスサンプル(イエロー)
ボックスサンプル(イエロー)
これはボックス内のコンテンツです。
背景色ありボックスサンプル(イエロー)
背景色ありボックスサンプル(イエロー)
これはボックス内のコンテンツです。
ボックスサンプル(ピンク)
ボックスサンプル(ピンク)
これはボックス内のコンテンツです。
背景色ありボックスサンプル(ピンク)
背景色ありボックスサンプル(ピンク)
これはボックス内のコンテンツです。
ボックスサンプル(オレンジ)
ボックスサンプル(オレンジ)
これはボックス内のコンテンツです。
背景色ありボックスサンプル(オレンジ)
背景色ありボックスサンプル(オレンジ)
これはボックス内のコンテンツです。
ボックスサンプル(ダークブルー)
ボックスサンプル(ダークブルー)
これはボックス内のコンテンツです。
背景色ありボックスサンプル(ダークブルー)
背景色ありボックスサンプル(ダークブルー)
これはボックス内のコンテンツです。
ボックスサンプル(ライトグリーン)
ボックスサンプル(ライトグリーン)
これはボックス内のコンテンツです。
背景色ありボックスサンプル(ライトグリーン)
背景色ありボックスサンプル(ライトグリーン)
太枠ボックス表示サンプル
これはボックス内のコンテンツです。
太枠ボックスサンプル(グレー)
太枠ボックスサンプル(グレー)
これはボックス内のコンテンツです。
背景色あり太枠ボックスサンプル(グレー)
背景色あり太枠ボックスサンプル(グレー)
これはボックス内のコンテンツです。
太枠ボックスサンプル(レッド)
太枠ボックスサンプル(レッド)
これはボックス内のコンテンツです。
背景色あり太枠ボックスサンプル(レッド)
背景色あり太枠ボックスサンプル(レッド)
これはボックス内のコンテンツです。
太枠ボックスサンプル(ブルー)
太枠ボックスサンプル(ブルー)
これはボックス内のコンテンツです。
背景色あり太枠ボックスサンプル(ブルー)
背景色あり太枠ボックスサンプル(ブルー)
これはボックス内のコンテンツです。
太枠ボックスサンプル(グリーン)
太枠ボックスサンプル(グリーン)
これはボックス内のコンテンツです。
背景色あり太枠ボックスサンプル(グリーン)
背景色あり太枠ボックスサンプル(グリーン)
これはボックス内のコンテンツです。
太枠ボックスサンプル(イエロー)
太枠ボックスサンプル(イエロー)
これはボックス内のコンテンツです。
背景色あり太枠ボックスサンプル(イエロー)
背景色あり太枠ボックスサンプル(イエロー)
これはボックス内のコンテンツです。
太枠ボックスサンプル(ピンク)
太枠ボックスサンプル(ピンク)
これはボックス内のコンテンツです。
背景色あり太枠ボックスサンプル(ピンク)
背景色あり太枠ボックスサンプル(ピンク)
これはボックス内のコンテンツです。
太枠ボックスサンプル(オレンジ)
太枠ボックスサンプル(オレンジ)
これはボックス内のコンテンツです。
背景色あり太枠ボックスサンプル(オレンジ)
背景色あり太枠ボックスサンプル(オレンジ)
これはボックス内のコンテンツです。
太枠ボックスサンプル(ダークブルー)
太枠ボックスサンプル(ダークブルー)
これはボックス内のコンテンツです。
背景色あり太枠ボックスサンプル(ダークブルー)
背景色あり太枠ボックスサンプル(ダークブルー)
これはボックス内のコンテンツです。
太枠ボックスサンプル(ライトグリーン)
太枠ボックスサンプル(ライトグリーン)
これはボックス内のコンテンツです。
背景色あり太枠ボックスサンプル(ライトグリーン)
背景色あり太枠ボックスサンプル(ライトグリーン)
点線ボックス表示サンプル
これはボックス内のコンテンツです。
点線ボックスサンプル(グレー)
点線ボックスサンプル(グレー)
これはボックス内のコンテンツです。
背景色あり点線ボックスサンプル(グレー)
背景色あり点線ボックスサンプル(グレー)
これはボックス内のコンテンツです。
点線ボックスサンプル(レッド)
点線ボックスサンプル(レッド)
これはボックス内のコンテンツです。
背景色あり点線ボックスサンプル(レッド)
背景色あり点線ボックスサンプル(レッド)
これはボックス内のコンテンツです。
点線ボックスサンプル(ブルー)
点線ボックスサンプル(ブルー)
これはボックス内のコンテンツです。
背景色あり点線ボックスサンプル(ブルー)
背景色あり点線ボックスサンプル(ブルー)
これはボックス内のコンテンツです。
点線ボックスサンプル(グリーン)
点線ボックスサンプル(グリーン)
これはボックス内のコンテンツです。
背景色あり点線ボックスサンプル(グリーン)
背景色あり点線ボックスサンプル(グリーン)
これはボックス内のコンテンツです。
点線ボックスサンプル(イエロー)
点線ボックスサンプル(イエロー)
これはボックス内のコンテンツです。
背景色あり点線ボックスサンプル(イエロー)
背景色あり点線ボックスサンプル(イエロー)
これはボックス内のコンテンツです。
点線ボックスサンプル(ピンク)
点線ボックスサンプル(ピンク)
これはボックス内のコンテンツです。
背景色あり点線ボックスサンプル(ピンク)
背景色あり点線ボックスサンプル(ピンク)
これはボックス内のコンテンツです。
点線ボックスサンプル(オレンジ)
点線ボックスサンプル(オレンジ)
これはボックス内のコンテンツです。
背景色あり点線ボックスサンプル(オレンジ)
背景色あり点線ボックスサンプル(オレンジ)
これはボックス内のコンテンツです。
点線ボックスサンプル(ダークブルー)
点線ボックスサンプル(ダークブルー)
これはボックス内のコンテンツです。
背景色あり点線ボックスサンプル(ダークブルー)
背景色あり点線ボックスサンプル(ダークブルー)
これはボックス内のコンテンツです。
点線ボックスサンプル(ライトグリーン)
点線ボックスサンプル(ライトグリーン)
これはボックス内のコンテンツです。
背景色あり点線ボックスサンプル(ライトグリーン)
背景色あり点線ボックスサンプル(ライトグリーン)


















































コメントは受け付けていません。