Pタグを使う告知用引用枠のサンプル | ワーキングママのためのキレイ装備 by CHIBICO.JPふしみまい

ワーキングママのためのキレイ装備 by CHIBICO.JPふしみまい

「ワーキングママのためのキレイ装備」デザイナーふしみまいのサテライトブログです。本サイトhttp://chibico.jp/もどうぞ

ごきげんよう、CHIBIBO.JPふしみまいです。

 

ブログ内容とは別にお知らせ用・告知に使う枠のサンプルです。赤系をご用意しました。

そのまま使ってもいいですし、できる人は色や線の種類、余白を変えたりして自分仕様に変えてどうぞ使ってください。

 

ふしみのブログ診断・ブログコンサルティングを受けていらっしゃる方には
ブログデザインに合わせた個別の告知枠をお作りして差し上げております♪

 

過去に診断した方で、告知枠が欲しい!変えたくなったという方もOK!

お問い合わせください。

 

使い方

  1. 下の「 <p 」から始まるタグをコピーする
  2. 自分のブログ編集画面を開き、「HTML表示」にして好きなところに貼り付ける
  3. 通常表示」に戻し、「ここに書きたいこと書く。」の部分を好きに書き換える

 

シンプルな赤線 白の背景

<p style="background-color:#FFFFFF;border:1px solid #FF3300;padding:10px;">ここに書きたいこと書く。</p>
 

ここに書きたいこと書く。

 


 

紅梅色の点線 桜色の背景

<p style="background-color:#fef4f4;border:1px dotted #f2a0a1;padding:10px;">ここに書きたいこと書く。</p>
 

ここに書きたいこと書く。

 


 

小豆色の2重線 象牙色の背景

<p style="background-color:#f8f4e6;border:3px double #96514d;padding:10px;">ここに書きたいこと書く。</p>
 

ここに書きたいこと書く。

 


 

太い桃色 白の背景 余白多め

<p style="background-color:#FFFFFF;border:3px solid #f09199;padding:30px;">ここに書きたいこと書く。</p>
 

ここに書きたいこと書く。