アメブロでよくよく見かける 囲み枠
どうやって作るのかな～？
無料会員では無理なのかな？？？
など思っていた時に、みどりさんがご紹介してくださっていました
沖縄在住の 仲村渠みどり さんが教えてくださいました♡
例えば～な「枠」３パターンのご紹介を
みどりさんブログから引用させていただきました
この場合は、
HTML表示にして、下記をコピペします。
<div style="background:#ffeeee; padding:10px; border-radius: 10px; border: 2px dotted #ff0000; width: auto; margin-right:6px; box-shadow: 5px 5px 5px #999;">本文</div><br>
とか、
この場合は、
下記をHTML表示にしてコピペ。
<div style="background:#f7f7f7;padding:10px;border:3px dotted #ffb6c1;">本文</div><br>
とか、
この場合は、
下記をHTML表示にして、コピペ。
<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><br>
みどりさん、ありがとうございました
ちなみにね！
<diｖ>～</div>の中の6桁の文字コードを変更しくてださいね。
※注意：6桁の文字コードの頭の#は取らないでくださいね。
BORDER:#●●●●●●（6桁の文字コード） → 枠線の色
PADDING:●px → 枠線と文字の隙間
BACKGROUND:#●●●●●●（6桁の文字コード） → 枠内（背景）の色
COLOR:#●●●●●●（6桁の文字コード） → 文字の色
6桁の文字コードを変更すると、色を変更できます。
色はこちらのカラーチャートを参考にしてください。
カラーチャートはこちら
もっとアメブロ活用したいな！と想う最近
どうやって作るのかな～？
無料会員では無理なのかな？？？
など思っていた時に、みどりさんがご紹介してくださっていました
沖縄在住の 仲村渠みどり さんが教えてくださいました♡
例えば～な「枠」３パターンのご紹介を
みどりさんブログから引用させていただきました
本文
この場合は、
HTML表示にして、下記をコピペします。
<div style="background:#ffeeee; padding:10px; border-radius: 10px; border: 2px dotted #ff0000; width: auto; margin-right:6px; box-shadow: 5px 5px 5px #999;">本文</div><br>
とか、
本文
この場合は、
下記をHTML表示にしてコピペ。
<div style="background:#f7f7f7;padding:10px;border:3px dotted #ffb6c1;">本文</div><br>
とか、
本文
この場合は、
下記をHTML表示にして、コピペ。
<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><br>
みどりさん、ありがとうございました
ちなみにね！
■ 色を変更したい場合は ■
※注意：6桁の文字コードの頭の#は取らないでくださいね。
BORDER:#●●●●●●（6桁の文字コード） → 枠線の色
PADDING:●px → 枠線と文字の隙間
BACKGROUND:#●●●●●●（6桁の文字コード） → 枠内（背景）の色
COLOR:#●●●●●●（6桁の文字コード） → 文字の色
6桁の文字コードを変更すると、色を変更できます。
色はこちらのカラーチャートを参考にしてください。
カラーチャートはこちらもっとアメブロ活用したいな！と想う最近