この記事を書いた人

【わたたに行政書士法務事務所】 代表 綿谷 俊彦

皆さんのお役に立てるよう、ブログを書いています。

ブログに必須!コピペで使える囲み枠編

mba15_gori_tp_v

囲み枠とは?
ブログを見やすくするための必須テクニックです。
下のHTMLをコピペするだけで、こんな囲み枠が誰でもできます。
大事なことやタイトルをお知らせするときに重宝します!

囲み枠編

<<サンプル例>>

ここに文章を入れる

下のコードをコピーして、ブログの文章を書くところに貼り付けてください。

<div style="background:#ffeeee; padding:10px; border:2px solid #ff0000;">
ここに文章を入れる</div>

<<サンプル例>>

ここに文章を入れる

下のコードをコピーして、ブログの文章を書くところに貼り付けてください。

<div style="background:#bfffdf; padding:10px; border:2px dotted #00bf00;">
ここに文章を入れる</div>

<<サンプル例>>

ここに文章を入れる

下のコードをコピーして、ブログの文章を書くところに貼り付けてください。

<div style="background:#eeeeff; padding:10px; border-radius: 10px; 
border: 2px dotted #0000ff;">ここに文章を入れる</div>

<<サンプル例>>
薄いピンク

ここに文章を入れる

下のコードをコピーして、ブログの文章を書くところに貼り付けてください。

<div style="background:#f7f7f7;padding:10px;border:3px dotted #ffb6c1;">
ここに文章を入れる</div>

複数行の囲み枠

複数行使って囲み枠を使いたい場合は、以下のように入力するとできるようになります。
<<サンプル>>

○○○
○○○
○○○
○○○
○○○

 

<div style="background-image:linear-gradient(#f7fbfc,#d9edf2,#add9e4);background-color:#eeffff; padding:10px; width: auto;margin-right:6px; border-radius: 10px;border: 2px dotted #333333; box-shadow: 5px 5px 5px #AAA;">○○○
○○○
○○○
○○○
○○○</div>

<<サンプル>>

○○○
○○○
○○○
○○○
○○○

 

<div style="background-image:linear-gradient(#ffeeee,#ffdddd,#ff9999);
background-color:#ffeeee; padding:10px; 
width: auto;margin-right:6px; border-radius: 10px;border: 2px dotted #ff0000; 
box-shadow: 5px 5px 5px #AAA;"> ○○○
○○○
○○○
○○○
○○○</div>

囲み枠まとめ

PAK58_kiokuyorikiroku_TP_V
今回は、見やすいブログに必須の簡単な囲み枠のテクニックをご紹介しました。
上記以外にも、多種多様な色や形も入力を変えるだけで使用することができます。

ワードプレスやアメブロ等、情報発信をするためのツールは沢山ありますので、自身が一番使いやすいものから使っていくことも良い選択肢かもしれません。

ブログを使って集客や情報発信を考えている方の参考になれば幸いです。

この記事を書いた人

【わたたに行政書士法務事務所】 代表 綿谷 俊彦

皆さんのお役に立てるよう、ブログを書いています。

いいね!」ボタンを押すと、最新情報がすぐに確認できるようになります。

社長  綿谷 俊彦

行政書士として業務をただこなすのではなく、依頼者さまの想いを実現するために、「法」を分かりやすく伝え、使うようにいたしております。

一般的な行政書士よりも、幅広くさまざまな業務を取り扱っているのはそのためです。

行政書士法人 Zip国際法務事務所

地下鉄谷町線「谷町四丁目駅」から、徒歩3分です。谷町四丁目駅からは一直線ですが、上がる出口によって位置が異なります。お電話ください。くわしい道をお伝えいたします。

行政書士法人 Zip国際法務事務所
〒540-0012  大阪市中央区谷町2丁目5-4 エフベースラドルフ 701
TEL:06-6809-2755

受付時間:9:00-19:00
定休日:土日(緊急対応可)