これを使えればあなたはもう初心者じゃない（応用編）

リクエスト開催！
ワクワク♡ドキドキ♡ランチ会＠東京
～プチブログレッスン付き～

日時：2017年3月26日（日）　11：30～13：30

場所：品川駅近辺のカフェ
　（詳細は申込完了後、メールにてお送りします）

募集人数：限定~~4名様~~

残3名様
※夫（かっつー）参加予定

参加費：2000円（事前振込・飲食代別）

※詳細・申込はこちら※

ブログを書いていて悩みなどありませんか？

アクセス数があがらない・・・
読者登録が全然増えない・・・
見てくれている人がいるのか不安・・・
夫に起業したい事を話せない・・・
ブログを整えたいけどやり方がよくわからない
など何か悩みがあったら一人で悩まず相談しに来ませんか？

美味しいランチを食べながらみんなでワイワイお話しましょう。　　

ハッピーブログコーチ

片岡すみらです。

前回の囲い枠の記事に

コメント・たくさんのいいね

ありがとうございます

とっても嬉しいです。

皆さん前回紹介した囲い枠は

使って頂けてますか

もしわからない事などありましたら、

お問い合わせフォームかコメントより

ご連絡下さいね。

今日は前回ではお伝えしきれなかった

囲い枠をご紹介します。

是非使って

見やすいブログを作ってみて下さいね

･‥…━━━☆･‥…━━━☆･‥…━━━☆･‥…━━━☆･‥…━━━☆･‥…

まず記事の入力画面を

”HTML表示”に切り替えて下さいね。

これから説明するタグを入れ終わったら

通常表示に戻して文章を入力して下さい。

その時改行する場合は

Shift+Enterで改行して下さい。

Enterのみで改行してしまうと

枠が2つに分かれてしまうので注意

二重線枠

ここに本文を入力する。
改行はShift+Enter

<div style="background:#fff; padding:10px; border:3px double#ff0000;">ここに本文を入力する。<br />改行はShift+Enter</div>

中が塗りつぶされている四角枠

ここに本文を入力する。
改行はShift+Enter

<div style="background:#ff0000; padding:10px; border:none;">ここに本文を入力する。 <br />改行はShift+Enter</div>

中が塗りつぶされている丸枠

ここに本文を入力する。
改行はShift+Enter

<div style="background: #ff0000; padding: 10px; border: none; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;">ここに本文を入力する。<br />改行はShift+Enter</div>