内タブタイトルボックス
- 内タブ
- 右下角丸内タブ
- 背景色つき内タブ
- 背景色つき右下角丸内タブ
- 影付き内タブ
- 影付き右下角丸内タブ
- 影付き背景色つき内タブ
- 影付き背景色つき右下角丸内タブ
タイトルボックスがあります。
内タブタイトルボックス囲み枠
ここにタイトル
ここに文字
改行はshift+エンター
改行はshift+エンター
<div style="border: 2px solid #FA95BF;"><div style="display: inline-block; padding:4px 10px;background: #FA95BF; color: #ffffff;font-weight:bold;">ここにタイトル</div><div style="padding: 10px;">ここに文字<br>改行はshift+エンター</div></div>
右下角丸内タブタイトルボックス囲み枠
ここにタイトル
ここに文字
改行はshift+エンター
改行はshift+エンター
<div style="border: 2px solid #FA95BF;border-bottom-right-radius: 10px;"><div style="display: inline-block; padding:4px 10px;background: #FA95BF; color: #ffffff;font-weight:bold;border-bottom-right-radius: 10px;">ここにタイトル</div><div style="padding: 10px;">ここに文字<br>改行はshift+エンター</div></div>
背景色つき内タブタイトルボックス囲み枠
ここにタイトル
ここに文字
改行はshift+エンター
改行はshift+エンター
<div style="border: 2px solid #FA95BF;background: #FEF4F8;"><div style="display: inline-block; padding:4px 10px;background: #FA95BF; color: #ffffff;font-weight:bold;">ここにタイトル</div><div style="padding: 10px;">ここに文字<br>改行はshift+エンター</div></div>
背景色つき右下角丸内タブタイトルボックス囲み枠
ここにタイトル
ここに文字
改行はshift+エンター
改行はshift+エンター
<div style="border: 2px solid #FA95BF;background: #FEF4F8;border-bottom-right-radius: 10px;">
<div style="display: inline-block; padding:4px 10px;background: #FA95BF; color: #ffffff;font-weight:bold;border-bottom-right-radius: 10px;">
ここにタイトル</div><div style="padding: 10px;border-bottom-right-radius: 10px;">ここに文字<br>改行はshift+エンター</div></div>
<div style="display: inline-block; padding:4px 10px;background: #FA95BF; color: #ffffff;font-weight:bold;border-bottom-right-radius: 10px;">
ここにタイトル</div><div style="padding: 10px;border-bottom-right-radius: 10px;">ここに文字<br>改行はshift+エンター</div></div>
影付き内タブタイトルボックス囲み枠
ここにタイトル
ここに文字
改行はshift+エンター
改行はshift+エンター
<div style="border: 2px solid #FA95BF;box-shadow: 10px 10px 15px -10px rgba(0, 0, 0, 0.32);"><div style="display: inline-block; padding:4px 10px;background: #FA95BF; color: #ffffff;font-weight:bold;">ここにタイトル</div><div style="padding: 10px;">ここに文字<br>改行はshift+エンター</div></div>
影付き右下角丸内タブタイトルボックス囲み枠
ここにタイトル
ここに文字
改行はshift+エンター
改行はshift+エンター
<div style="border: 2px solid #FA95BF;border-bottom-right-radius: 10px;box-shadow: 10px 10px 15px -10px rgba(0, 0, 0, 0.32);"><div style="display: inline-block; padding:4px 10px;background: #FA95BF; color: #ffffff;font-weight:bold;border-bottom-right-radius: 10px;">ここにタイトル</div><div style="padding: 10px;">ここに文字<br>改行はshift+エンター</div></div>
影付き背景色つき内タブタイトルボックス囲み枠
ここにタイトル
ここに文字
改行はshift+エンター
改行はshift+エンター
<div style="border: 2px solid #FA95BF;background: #FEF4F8;box-shadow: 10px 10px 15px -10px rgba(0, 0, 0, 0.32);"><div style="display: inline-block; padding:4px 10px;background: #FA95BF; color: #ffffff;font-weight:bold;">ここにタイトル</div><div style="padding: 10px;">ここに文字<br>改行はshift+エンター</div></div>
影付き背景色つき右下角丸内タブタイトルボックス囲み枠
ここにタイトル
ここに文字
改行はshift+エンター
改行はshift+エンター
<div style="border: 2px solid #FA95BF;background: #FEF4F8;border-bottom-right-radius: 10px;box-shadow: 10px 10px 15px -10px rgba(0, 0, 0, 0.32);">
<div style="display: inline-block; padding:4px 10px;background: #FA95BF; color: #ffffff;font-weight:bold;border-bottom-right-radius: 10px;">
ここにタイトル</div><div style="padding: 10px;border-bottom-right-radius: 10px;">ここに文字<br>改行はshift+エンター</div></div>
<div style="display: inline-block; padding:4px 10px;background: #FA95BF; color: #ffffff;font-weight:bold;border-bottom-right-radius: 10px;">
ここにタイトル</div><div style="padding: 10px;border-bottom-right-radius: 10px;">ここに文字<br>改行はshift+エンター</div></div>
お揃いの囲み枠です
↓ ↓ ↓
LINEの友だち追加で
「アメブロで使えるかわいいマーカー」
をプレゼントしています!
「マーカー」とメッセージを送ってね
ID検索は @570smkow
アメブロ囲み枠
୨୧ アメブロで使える囲み枠一覧
୨୧ テイスト別囲み枠セット
୨୧ ピンク囲み枠/ゴールド囲み枠/グリーン囲み枠/水色囲み枠
୨୧ 写真背景囲み枠① ② ③ ④
୨୧ 囲み枠ランキング
୨୧ 囲み枠の種類別一覧とアレンジ方法
୨୧ テイスト別囲み枠セット
୨୧ ピンク囲み枠/ゴールド囲み枠/グリーン囲み枠/水色囲み枠
୨୧ 写真背景囲み枠① ② ③ ④
୨୧ 囲み枠ランキング
୨୧ 囲み枠の種類別一覧とアレンジ方法
デザインとブログアドバイスで起業女性をサポートしています。
アメブロカスタマイズメニュー一覧
集客ブログ診断(アドバイス)
マンツーマンオンラインレッスン
メッセージボード制作代行
LP制作代行メニュー一覧
よくある質問
アメブロカスタマイズ制作実績
お問い合わせ⇒お問い合わせフォーム