アメブロの記事で使える

『横ラインの見出し&枠線』を紹介します。

 

 

見出しの使い方や色の変更方法などは

こちらの記事で説明しています看板持ち

右囲み枠をアメブロ記事に設定する方法

右​枠線や囲み枠の線の形・太さ・色を変える方法

 

 

見出し&枠線は他にもたくさんあります飛び出すハート

右アメブロで使える♡枠線線&アンダーライン一覧

 

 

見出しを変更する場合は

最初と最後の「p」を

● 大見出しは「h2」

● 中見出しは「h3」

● 小見出しは「h4」に変更

 

 

横ライン+背景色の見出し&枠線

 

 

アメブロ基本カラー11色気づき

 

 

①マゼンタ

ここに見出し

 

<p style="border-left: solid 8px #FF007D; background: #FFDFEF; padding: 5px 8px ;">ここに見出し</p>
<p>&nbsp;</p>

 

 

②ベビーピンク

ここに見出し

 

<p style="border-left: solid 8px #FFBFDE; background: #FFF8FC; padding: 5px 8px ;">ここに見出し</p>
<p>&nbsp;</p>

 

 

③ピンク

ここに見出し

 

<p style="border-left: solid 8px #FF7FBE; background: #FFE9F4; padding: 5px 8px ;">ここに見出し</p>
<p>&nbsp;</p>

 

 

④コーラル

ここに見出し

 

<p style="border-left: solid 8px #FF7F7F; background: #FFE9E9; padding: 5px 8px ;">ここに見出し</p>
<p>&nbsp;</p>

 

 

⑤フラミンゴピンク

ここに見出し

 

<p style="border-left: solid 8px #FFBFBF; background: #FFEFEF; padding: 5px 8px ;">ここに見出し</p>
<p>&nbsp;</p>

 

 

⑥ブルーパープル

ここに見出し

 

<p style="border-left: solid 8px #7F7FFF; background: #E9E9FF; padding: 5px 8px ;">ここに見出し</p>
<p>&nbsp;</p>

 

 

⑦ロイヤルブルー

ここに見出し

 

<p style="border-left: solid 8px #0000BF; background: #E0EFFF; padding: 5px 8px ;">ここに見出し</p>
<p>&nbsp;</p>

 

 

⑧オーキッド

ここに見出し

 

<p style="border-left: solid 8px #E3C7FF; background: #FAF5FF; padding: 5px 8px ;">ここに見出し</p>
<p>&nbsp;</p>

 

 

⑨アメジスト

ここに見出し

 

<p style="border-left: solid 8px #C78FFF; background: #F6EDFF; padding: 5px 8px ;">ここに見出し</p>
<p>&nbsp;</p>

 

 

⑩アイスブルー

ここに見出し

 

<p style="border-left: solid 8px #BFEBFF; background: #E4F7FF; padding: 5px 8px ;">ここに見出し</p>
<p>&nbsp;</p>

 

 

⑪グレー

ここに見出し

 

p style="border-left: solid 8px #BFBFBF; background: #EFEFEF; padding: 5px 8px ;">ここに見出し</p>
<p>&nbsp;</p>

 

 

 
 
 

大人可愛いカラー10色気づき

 
 

ティファニーブルー

ここに見出し

 

<p style="border-left: solid 8px #B9EBE6; background: #EDFDFB; padding: 5px 8px ;">ここに見出し</p>
<p>&nbsp;</p>

 

 

アンバーローズ

ここに見出し

 

<p style="border-left: solid 8px #E0B6B6; background: #F8E0E0; padding: 5px 8px ;">ここに見出し</p>
<p>&nbsp;</p>

 

 

くすみピンク

ここに見出し

 

<p style="border-left: solid 8px #E3D3D3; background: #FDF5F5; padding: 5px 8px ;">ここに見出し</p>
<p>&nbsp;</p>

 

 

くすみパープル

ここに見出し

 

<p style="border-left: solid 8px #D1CAD8; background: #F4F1F8; padding: 5px 8px ;">ここに見出し</p>
<p>&nbsp;</p>

 

 

オールドローズ

ここに見出し

 

<p style="border-left: solid 8px #BD8A9A; background: #EFE3E6; padding: 5px 8px ;">ここに見出し</p>
<p>&nbsp;</p>

 

 

くすみブルー

ここに見出し

 

<p style="border-left: solid 8px #AFBED4; background: #DEE5EF; padding: 5px 8px ;">ここに見出し</p>
<p>&nbsp;</p>

 

 

くすみグリーン

ここに見出し

 

<p style="border-left: solid 8px #CED9CE; background: #ECEFEC; padding: 5px 8px ;">ここに見出し</p>
<p>&nbsp;</p>

 

 

くすみグレー

ここに見出し

 

<p style="border-left: solid 8px #CFD7DC; background: #F1F5F8; padding: 5px 8px ;">ここに見出し</p>
<p>&nbsp;</p>

 

 

ライトベージュ

ここに見出し

 

<p style="border-left: solid 8px #EBE7E4; background: #FFFBF8; padding: 5px 8px ;">ここに見出し</p>
<p>&nbsp;</p>

 

 

グレージュ

ここに見出し

 

<p style="border-left: solid 8px #D7CEC9; background: #F7F6F5; padding: 5px 8px ;">ここに見出し</p>
<p>&nbsp;</p>

 

 

 
 

 

他の種類の枠線はコチラ

右他の見出し一覧はこちら♡

 

 

右アメブロカスタマイズリンク集

右アメブロで使える♡おしゃれな囲み枠まとめ

 

 


 

 

もしこの記事があなたの参考になったら
ぜひいいね&フォローをお願いします

 

 

今日もあなたにとって素敵な1日となりますように星

 

 

 

 

 

 

ジュジュちゃん

ジュジュちゃん
 

なんだか上手にできない!などありましたら遠慮なくコメントに残してくださいね♬

 

 

 

『Instagramフォロワー1万人突破した秘訣7選』
すでに390名以上が受け取ってます!!

 

↓  ↓  ↓  ↓  ↓

 

▶︎豊田純子LINE公式アカウント

LINE登録でInstagramフォロワー1万人超えの秘訣プレゼント

タップしても表示されない方は@575jocdaでID検索してね

 


 

\ママでも理想の働き方を手に入れた方法✨/

ただの主婦がWebデザイナーになった理由

 

\インスタはこちら♡Follow Me✨/

好き♡を大切に私らしくはたらいて輝く人生を手に入れる方法

思わず二度見され心を奪うデザインで世界観をつくるInstagramはこちら

 

 

\思わず二度見され、心を奪う世界観のつくりかた/

デザインのヒントや Instagram&アメブロの役立つ情報を発信♡

視線を集め心を奪う世界観のつくりかたホームページ/ジュジュネット

 

心ときめく食器とお花が作れるポーセラーツ&フラワーインテリア教室
JouJouetteのブログがこちら♡

ポーセラーツ・フラワーインテリア教室ジュジュエッテのブログはこちら

 

 

▶︎お問合せ(LINE@ID → @575jocda )
▶︎Instagram  ▶︎Facebook  ▶︎HP

 

 

Thank you for Reading

JOUJOUNET ダイヤモンドジュジュネット