アメブロの記事で使える
『横ラインの見出し&枠線』を紹介します。
見出しの使い方や色の変更方法などは
こちらの記事で説明しています
囲み枠をアメブロ記事に設定する方法
枠線や囲み枠の線の形・太さ・色を変える方法
見出し&枠線は他にもたくさんあります
アメブロで使える♡枠線線&アンダーライン一覧
見出しを変更する場合は
最初と最後の「p」を
● 大見出しは「h2」
● 中見出しは「h3」
● 小見出しは「h4」に変更
ストライプ下線の見出し
アメブロ基本カラー11色
● ①マゼンタ
ここに見出し
<p style="background: repeating-linear-gradient(-45deg, #FF007D, #FF007D 2px, rgb(255, 255, 255) 2px, rgb(255, 255, 255) 4px); padding: 0px 0px 7px;"><span style="display: block; background: #ffffff; padding:2px;">ここに見出し</span></p>
<p> </p>
● ②ベビーピンク
ここに見出し
<p style="background: repeating-linear-gradient(-45deg, #FFBFDE, #FFBFDE 2px, rgb(255, 255, 255) 2px, rgb(255, 255, 255) 4px); padding: 0px 0px 7px;"><span style="display: block; background: #ffffff; padding:2px;">ここに見出し</span></p>
<p> </p>
● ③ピンク
ここに見出し
<p style="background: repeating-linear-gradient(-45deg, #FF7FBE, #FF7FBE 2px, rgb(255, 255, 255) 2px, rgb(255, 255, 255) 4px); padding: 0px 0px 7px;"><span style="display: block; background: #ffffff; padding:2px;">ここに見出し</span></p>
<p> </p>
● ④コーラル
ここに見出し
<p style="background: repeating-linear-gradient(-45deg, #FF7F7F, #FF7F7F 2px, rgb(255, 255, 255) 2px, rgb(255, 255, 255) 4px); padding: 0px 0px 7px;"><span style="display: block; background: #ffffff; padding:2px;">ここに見出し</span></p>
<p> </p>
● ⑤フラミンゴピンク
ここに見出し
<p style="background: repeating-linear-gradient(-45deg, #FFBFBF, #FFBFBF 2px, rgb(255, 255, 255) 2px, rgb(255, 255, 255) 4px); padding: 0px 0px 7px;"><span style="display: block; background: #ffffff; padding:2px;">ここに見出し</span></p>
<p> </p>
● ⑥ブルーパープル
ここに見出し
<p style="background: repeating-linear-gradient(-45deg, #7F7FFF, #7F7FFF 2px, rgb(255, 255, 255) 2px, rgb(255, 255, 255) 4px); padding: 0px 0px 7px;"><span style="display: block; background: #ffffff; padding:2px;">ここに見出し</span></p>
<p> </p>
● ⑦ロイヤルブルー
ここに見出し
<p style="background: repeating-linear-gradient(-45deg, #0000BF, #0000BF 2px, rgb(255, 255, 255) 2px, rgb(255, 255, 255) 4px); padding: 0px 0px 7px;"><span style="display: block; background: #ffffff; padding:2px;">ここに見出し</span></p>
<p> </p>
● ⑧オーキッド
ここに見出し
<p style="background: repeating-linear-gradient(-45deg, #E3C7FF, #E3C7FF 2px, rgb(255, 255, 255) 2px, rgb(255, 255, 255) 4px); padding: 0px 0px 7px;"><span style="display: block; background: #ffffff; padding:2px;">ここに見出し</span></p>
<p> </p>
● ⑨アメジスト
ここに見出し
<p style="background: repeating-linear-gradient(-45deg, #C78FFF, #C78FFF 2px, rgb(255, 255, 255) 2px, rgb(255, 255, 255) 4px); padding: 0px 0px 7px;"><span style="display: block; background: #ffffff; padding:2px;">ここに見出し</span></p>
<p> </p>
● ⑩アイスブルー
ここに見出し
<p style="background: repeating-linear-gradient(-45deg, #BFEBFF, #BFEBFF 2px, rgb(255, 255, 255) 2px, rgb(255, 255, 255) 4px); padding: 0px 0px 7px;"><span style="display: block; background: #ffffff; padding:2px;">ここに見出し</span></p>
<p> </p>
● ⑪グレー
ここに見出し
<p style="background: repeating-linear-gradient(-45deg, #BFBFBF, #BFBFBF 2px, rgb(255, 255, 255) 2px, rgb(255, 255, 255) 4px); padding: 0px 0px 7px;"><span style="display: block; background: #ffffff; padding:2px;">ここに見出し</span></p>
<p> </p>
大人可愛いカラー10色
● ティファニーブルー
ここに見出し
<p style="background: repeating-linear-gradient(-45deg, #B9EBE6, #B9EBE6 2px, rgb(255, 255, 255) 2px, rgb(255, 255, 255) 4px); padding: 0px 0px 7px;"><span style="display: block; background: #ffffff; padding:2px;">ここに見出し</span></p>
<p> </p>
● アンバーローズ
ここに見出し
<p style="background: repeating-linear-gradient(-45deg, #E0B6B6, #E0B6B6 2px, rgb(255, 255, 255) 2px, rgb(255, 255, 255) 4px); padding: 0px 0px 7px;"><span style="display: block; background: #ffffff; padding:2px;">ここに見出し</span></p>
<p> </p>
● くすみピンク
ここに見出し
<p style="background: repeating-linear-gradient(-45deg, #E3D3D3, #E3D3D3 2px, rgb(255, 255, 255) 2px, rgb(255, 255, 255) 4px); padding: 0px 0px 7px;"><span style="display: block; background: #ffffff; padding:2px;">ここに見出し</span></p>
<p> </p>
● くすみパープル
ここに見出し
<p style="background: repeating-linear-gradient(-45deg, #D1CAD8, #D1CAD8 2px, rgb(255, 255, 255) 2px, rgb(255, 255, 255) 4px); padding: 0px 0px 7px;"><span style="display: block; background: #ffffff; padding:2px;">ここに見出し</span></p>
<p> </p>
● オールドローズ
ここに見出し
<p style="background: repeating-linear-gradient(-45deg, #BD8A9A, #BD8A9A 2px, rgb(255, 255, 255) 2px, rgb(255, 255, 255) 4px); padding: 0px 0px 7px;"><span style="display: block; background: #ffffff; padding:2px;">ここに見出し</span></p>
<p> </p>
● くすみブルー
ここに見出し
<p style="background: repeating-linear-gradient(-45deg, #AFBED4, #AFBED4 2px, rgb(255, 255, 255) 2px, rgb(255, 255, 255) 4px); padding: 0px 0px 7px;"><span style="display: block; background: #ffffff; padding:2px;">ここに見出し</span></p>
<p> </p>
● くすみグリーン
ここに見出し
<p style="background: repeating-linear-gradient(-45deg, #CED9CE, #CED9CE 2px, rgb(255, 255, 255) 2px, rgb(255, 255, 255) 4px); padding: 0px 0px 7px;"><span style="display: block; background: #ffffff; padding:2px;">ここに見出し</span></p>
<p> </p>
● くすみグレー
ここに見出し
<p style="background: repeating-linear-gradient(-45deg, #CFD7DC, #CFD7DC 2px, rgb(255, 255, 255) 2px, rgb(255, 255, 255) 4px); padding: 0px 0px 7px;"><span style="display: block; background: #ffffff; padding:2px;">ここに見出し</span></p>
<p> </p>
● ライトベージュ
ここに見出し
<p style="background: repeating-linear-gradient(-45deg, #EBE7E4, #EBE7E4 2px, rgb(255, 255, 255) 2px, rgb(255, 255, 255) 4px); padding: 0px 0px 7px;"><span style="display: block; background: #ffffff; padding:2px;">ここに見出し</span></p>
<p> </p>
● グレージュ
ここに見出し
<p style="background: repeating-linear-gradient(-45deg, #D7CEC9, #D7CEC9 2px, rgb(255, 255, 255) 2px, rgb(255, 255, 255) 4px); padding: 0px 0px 7px;"><span style="display: block; background: #ffffff; padding:2px;">ここに見出し</span></p>
<p> </p>
他の種類の枠線はコチラ
他の見出し一覧はこちら♡
アメブロカスタマイズリンク集
アメブロで使える♡おしゃれな囲み枠まとめ
もしこの記事があなたの参考になったら
ぜひいいね&フォローをお願いします
今日もあなたにとって素敵な1日となりますように
ジュジュちゃん
なんだか上手にできない!などありましたら遠慮なくコメントに残してくださいね♬
\LINE公式リニューアル♡/
SNSで世界観をつくる8つのプレゼント
↓ ↓ ↓ ↓ ↓
LINE公式
画像をクリックして登録♡
LINE画面が表示されない方は
@joujounetでID検索
(@も含めて検索してください)
Service
アメブロカスタマイズ/ライティング添削
ヘッダー/バナー/HP制作/インスタテンプレ作成
Instagramコンサル/Canva/LINEリッチメニュー
デュプロマ・テキスト・講座資料の作成
Lステップ代行構築/LINE運用アドバイス
SNSマーケティングをもとに幅広く
女性に響くデザインで
あなたらしさを叶えます♡
ハンドメイドやエステサロン
カフェ&レストラン・英語教室
アロマ・ネイル・婚活塾など
全国各地からご依頼・コンサルで一人一人
寄り添ったサポートを心がけています♡
\3人のママでも理想の働き方を手に入れた方法✨/
\インスタはこちら♡Follow Me✨/
LINE公式マーケティングやデザイン作りのヒントを発信♡
心ときめく食器とお花が作れるポーセラーツ&フラワーインテリア
JouJouetteの教室ブログはこちら♡