Cosmo
ボックスデザイン（囲み枠）のサンプル
HTMLとCSSを使用した多彩なボックスデザインのサンプル。シンプルなものからデザイン豊かなものまで、使いやすく洗練されたスタイルが充実。各ボックスは異なるクラスを持ち、タグリストでキーワード検索可能。
目次:
ボックススタイリング
このページにあるようなスタイルを用いてページを簡単に作成することができます。
シンプルなボックス
box-border
シンプルなボーダーが付いたボックスです。
シンプルなボーダーが付いたボックスです。
box-border2
二重線のボーダーが付いたボックスです。
二重線のボーダーが付いたボックスです。
box-bg
背景に色がついたボックスです。
背景に色がついたボックスです。
box-bold
太いボーダーと太字のテキストが入ったボックスです。
太いボーダーと太字のテキストが入ったボックスです。
デザインされたボックス
box-paper
ペーパー風のデザインが施されたボックスです。
ペーパー風のデザインが施されたボックスです。
box-brackets
角括弧で囲まれたデザインのボックスです。
角括弧で囲まれたデザインのボックスです。
box-question
クエスチョンマークのアイコンがついたボックスです。
クエスチョンマークのアイコンがついたボックスです。
box-exclamation
注意のアイコンがついたボックスです。
注意のアイコンがついたボックスです。
テキスト付きボックス
box-point
"POINT"というテキストがついたボックスです。
"POINT"というテキストがついたボックスです。
お好きなキーワードbox-point
お好きなキーワードのテキストがついたボックスです。
お好きなキーワードのテキストがついたボックスです。
引用文ボックス
blockquote
「作品名など」
引用文のボックスです。
Comment on this article
コメントはまだありません。
Send comments