ハッピーブログコーチの
片岡すみらです。
いつもいいね・読者登録
ありがとうございます
囲い枠の記事も好評頂いておりますので
今日は別のパターンをご紹介します
今回は少し難しい見出し付囲い枠です
![!!](https://stat100.ameba.jp/blog/ucs/img/char/char3/093.png)
![リボン](https://stat100.ameba.jp/blog/ucs/img/char/char2/169.gif)
改行はShift+Enter
■このタグをコピペしてね
<div style="background: #ff0000; border: 1px solid #ff0000; padding-left: 10px;"><span style="color: #ffffff; font-weight: bold;">ここにタイトルを入力する</span></div><div style="border: 1px solid #ff0000; padding: 10px;">ここに本文を入力する。<br />改行はShift+Enter</div>
タイトルがでてる直線枠
■このタグをコピペしてね
<fieldset style="border:2px solid #ff0000;"><legend><span style="font-weight:bold;">ここにタイトルを入力する</span> </legend> ここに本文を入力する。<br />改行はShift+Enter</fieldset>
タイトルがでてる二重線枠
■このタグをコピペしてね
<fieldset style="border:3px double #ff0000;"><legend><span style="font-weight:bold;">■ここにタイトルを入力する</span> </legend>ここに本文を入力する。<br />改行はShift+Enter</fieldset>
サブタイトル枠
■このタグをコピペしてね
<div style="border-left:10px solid #ff0000; border-bottom:2px solid #ff0000; padding-left:10px; font-weight:bold;">ここにタイトルを入力する</div>
サブタイトル囲い枠
■このタグをコピペしてね
<div style="margin:8px 0; padding: 3px 8px;background:#ff0000; color:#ffffff;">ここにタイトルを入力する</div>
![下矢印](https://stat100.ameba.jp/blog/ucs/img/char/char3/121.png)
長い文章など書く時こういった見出しがついていると
一区切り付けられて、
見た目が読みやすくなりますよ。
是非使ってみて下さいね
めっちゃ読まれてます★
よく読まれてます★
ブログランキングに参加しています。
いつもポチを頂きありがとうございます。
人気ブログランキングへ
にほんブログ村
゚・:,。゚・:,。★゚・:,。゚・:,。☆゚・:,。゚・:,。★゚・:,。゚・:,。☆゚・:,。゚・:,。★゚・:,。゚・:,。゚・:,。★゚・:,。゚・:,。☆
LINE@始めました
ついにLINE@始めました。
すみらの裏話やブログでは話していない妊活の話
新しいイベント情報など内容盛りだくさんでお伝えしていきます。
※イベント情報ではブログよりいち早く情報を発信致します。
ご登録はこちらから
![友だち追加](https://scdn.line-apps.com/n/line_add_friends/btn/ja.png)
※検索する場合は@cgl0000qで検索して下さいね
゚・:,。゚・:,。★゚・:,。゚・:,。☆゚・:,。゚・:,。★゚・:,。゚・:,。☆゚・:,。゚・:,。★゚・:,。゚・:,。゚・:,。★゚・:,。゚・:,。☆
Facebook・インスタグラムやってます。
すみらのFacebook
すみらのインスタ
ハンドメイドアクセサリーを作っています。
まだまだ初心者ですが良ければ見て下さい。
ミンネに載せています。
こちらから