「キレイ」から始まる私らしい働き方

女性の一生モノの働き方をデザインする


テーマ:


キレイデザイン学インストラクター
にしたにゆかりです。

キレイデザイン学の12色のブランドカラーで
囲み枠を作りたいときに使える
お役立ち情報をお届けします(*^-^)♪

□ シンプルな囲み枠線一覧ページはこちら


【アメブロの記事の中での囲み枠線の使い方】

①ブログを書くをクリック

②HTML表示して


③使用したい枠色のサンプルを選んでコピペ

④通常表示に戻して、本文を入力する


※改行はShift+Enterで枠内で改行ができます。
(PCの機種によってはcommand+Enter)

※枠の下に入力カーソルが進めない場合
HTML表示画面で、枠のタグの下に<br>といれてください。
<br>・・・改行


【12色の囲み枠サンプル一覧】

 

(1)塗りつぶし四角の囲み枠線(RED)

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

 

■このタグをコピペする 

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

 

(2)塗りつぶし四角の囲み枠線(RED ORANGE)

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

 

■このタグをコピペする

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

 

 (3)塗りつぶし四角の囲み枠線(ORANGE)

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

 

■このタグをコピペする

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

 

 (4)塗りつぶし四角の囲み枠線(YELLOW)

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

 

■このタグをコピペする

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

 

 (5)塗りつぶし四角の囲み枠線(YELLOW GREEN)

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

 

■このタグをコピペする 

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

 

(6)塗りつぶし四角の囲み枠線(GREEN)

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

 

■このタグをコピペする

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

 

 (7)塗りつぶし四角の囲み枠線(BLUE GREEN)

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

 

■このタグをコピペする

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

 

 

 (8)塗りつぶし四角の囲み枠線(TURQUOISE)

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

 

■このタグをコピペする

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

 

 (9)塗りつぶし四角の囲み枠線(BLUE)

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

 

■このタグをコピペする

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

 

 (10)塗りつぶし四角の囲み枠線(INDIGO)

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

 

■このタグをコピペする

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

 

 (11)塗りつぶし四角の囲み枠線(PURPLE)

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

 

■このタグをコピペする 

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

 

 

(12)塗りつぶし四角の囲み枠線(MAGENTA)

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

 

■このタグをコピペする

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

 

 

 ▽

 

うまく表示されない場合は

コメントにてお知らせください

 

キレイデザイン学のイベント、 

診断 お申込み受付中です(*^-^)♪

「キレイ」から始まる私らしい働き方 金沢さんの読者になろう

ブログの更新情報が受け取れて、アクセスが簡単になります

SNSアカウント

Ameba人気のブログ

Amebaトピックス

    ブログをはじめる

    たくさんの芸能人・有名人が
    書いているAmebaブログを
    無料で簡単にはじめることができます。

    公式トップブロガーへ応募

    多くの方にご紹介したいブログを
    執筆する方を「公式トップブロガー」
    として認定しております。

    芸能人・有名人ブログを開設

    Amebaブログでは、芸能人・有名人ブログを
    ご希望される著名人の方/事務所様を
    随時募集しております。