【アメブロの囲み枠】オレンジ編

伊藤史子（いとうふみこ）です。

 

 

【アメブロの囲み枠】オレンジ編

 
 
アメブロの囲み枠を使うとき、2番目にリクエストの多いオレンジ。
オレンジ系も、まとめておきますね～
 

 
好きな枠がありましたら、こちらをコピーして、HTML表示に貼り付けして使ってくださいね～。

　内側：白　　線:濃いオレンジ・点　　　角：丸


<div style="background:#ffffff; padding:10px; border-radius: 10px; border: 2px dotted #ffa500;">あいうえお<br>かきくけこ<br></div>

 

 

あいうえお
かきくけこ

 


　内側：薄いオレンジ　　線:濃いオレンジ・点　　　角：四角　

<div style="background:#fafad2; padding:10px; border:2px dotted #ffa500;">あいうえお<br>かきくけこ<br></div>

 

 

 

 

 

あいうえお
かきくけこ

 


　内側：薄いオレンジ　線：濃いオレンジ　　角：丸　

<div style="background:#fafad2; padding:10px; border-radius: 10px; border: 2px dotted #ffa500;">あいうえお<br>かきくけこ<br></div>

 

 

 

 

 

あいうえお
かきくけこ

 


　内側：白　線：濃いオレンジ　角：四角

<div style="background:#ffffff; padding:10px; border:2px solid #ffa500;">あいうえお<br>かきくけこ<br></div>

 

 

 

 

 

あいうえお
かきくけこ

 

 


　内側：薄オレンジ　線：濃いオレンジ　角：四角

<div style="background:#fafad2; padding:10px; border:2px solid #ffa500;">あいうえお<br>かきくけこ<br></div>

 

 

 

 

 

 

あいうえお
かきくけこ

 


　内側：白　線：濃いオレンジ・二重　角：丸

<div style="background:#ffffff; padding:10px;border-radius: 10px; border: 5px double #ffa500;">あいうえお<br>かきくけこ<br></div>

 

 

 

 

 

あいうえお
かきくけこ

 


タイトル付きＡ　内側：白　線：濃いオレンジ　角：四角

<font style="padding:6px 10px; background:#ffa500; color:#ffffff; font-weight:bold;">■タイトルＡ■</font><div style="border:1px solid #ffa500; padding:10px; font-size:0.9em; margin-top:2px;">あいうえお<br>かきくけこ</div>

■タイトルＡ■

 

 

 

あいうえお
かきくけこ

 


タイトル付きＢ　内側：白　線：濃いオレンジ　角：丸

<div style="height:12px;"><span style="margin-left:8px; padding:6px 10px; background:#ffa500; color:#ffffff; font-weight:bold;border-radius:5px;">■タイトルＢ■</span></div><div style="border:2px solid #ffa500; padding:25px 12px 10px; font-size:1em;border-radius:5px;">あいうえお<br>さしすせそ</div>

 

 

 

■タイトルＢ■

 

 

あいうえお
さしすせそ

 

 

 

ビジネスブログ講座では、囲み枠をもっと簡単に作れるアメケアの使い方も入れています。


矢印詳細はこちらです
 

まずは20分無料相談から、ご利用ください。

 


今の悩みに直結する回答をしていきます。
矢印初回WEBコンサル