囲み枠はココを変えるともっといろいろ作れます

私のブログのサイドメニューにも貼ってあるピンク系囲み枠。
これね、いつも人気ランキングの上位に入ってます。

これですね。
この中のピンク系囲み枠オレンジ系囲み枠

でももっと自分でも別の囲み枠を作りたい!という要望がありまして、解説しますね。

 内側: 線:濃いピンク 角:四角

<div style=”background:#ffffff; padding:10px; border:2px solid #ff00ff;”>あいうえお<br>かきくけこ<br></div>

あいうえお
かきくけこ

これを点線に変えたり、二重線に変える場合は・・・

<div style=”background:#ffffff; padding:10px; border:2px solid #ff00ff;”>あいうえお<br>かきくけこ<br></div>

solidのところを

単線:solid

二重線:double
点線:dotted

にします。

また、線の色を変える場合は

<div style=”background:#ffffff; padding:10px; border:2px solid #ff00ff;”>あいうえお<br>かきくけこ<br></div>

#ff00ffを好きな色のカラーコードに変えるといいですよ

また、中の色を変える場合は background の後のカラーコード#ffffffを好きな色にしてくださいね。

カラーコードの詳細はこちらです。

この囲み枠をチョー簡単に書けるAmecare(アメケア)

告知前のつぶやきにも関わらず、7月31日午前は4時間で満席になり、追加開催決定しました!

追加開催は8月9日(日)13時30分~16時、めずらしい日曜開催です。

7月16日20時、ブログから募集開始しますね

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です