開発 デザイン

【HTML&CSS】コピペで使えるボックスデザイン一覧

ボックス

吹き出し&枠線付き

タイトル

ここにコンテンツを入力します。

HTML

CSS

端折れ

ここに文章

HTML

CSS

枠線ずれ

sample text

HTML

CSS

枠線ずれ(ストライプ)

sample text

HTML

CSS

タイトル付きボックス

タイトル付き吹き出しボックス

タイトル

ここにコンテンツを入力します。

リスト

手紙風ボックス+アイコン付きリスト

  • ここにテキストを入力
  • ここにテキストを入力
  • ここにテキストを入力

HTML

CSS

AddQuicktagの使い方

WordPressでボックスを使う場合は、プラグインAddQuicktagにHTMLを登録する。

  • この記事を書いた人

やみみん

FGOの考察ブログです。 妄想9割、真面目な考察が1割なので基本当たりません。 Twitter→ @yamimiin

-開発, デザイン
-

© 2021 源氏画報 Powered by AFFINGER5