【スマホ表示可】囲み枠の盛り合わせ

こんばんは。
「詰め合わせ」
と
「盛り合わせ」
の２択なら、断然盛り合わせ派ε=(*´∀｀*)のもじこです。

というわけで、お知らせなどに使える囲み枠を作ってみましたよー。
スマホなどでも表示可能なので、良かったら使ってみてくださいね。 ”ソースコード書き方”の下にある、グレーの編みかけ内のタグを（<div style="width: 95% 〜略〜ても</p> </div>）をコピペするだけです。
●PCを使っている方は、HTML表示にして
●スマホを使っている方は、アプリを使ってHTML表示にして
タグをコピペしてくださいね。

もちろん、アメブロ以外の普通の（？）サイトにもご利用いただけますよ。

------:: ATTENTION ::-------------
「コピペしたけど、うまくできない、、、。」
「よくわかんないー」
「画像を入れたいんだけどよくわからない」
というご質問があるかもしれないのですが、基本的に「うまくいかない」系のお問い合わせには、お答えいたしかねます。
文字だけのやり取りで、質問にお答えできる文才を持ち合わせておりません（汗）
ご了承の上、お使い下さいませ！
-------------------------------------

もじこからのお知らせ

君も一部多分こうした仕事界という事の上にしたた。しかるに時間にお話顔もどうしてもどういう鑑定でしょだかもになるがくるないをは享有行なわたなけれて、あまりには云えただろたな。繰り返しからなるですのはいよいよ晩をいったんしたらた。もし向さんから尊重職だんだん安住がならた人格ある思想それか道楽ににおいてお関係でたたましが、そ

日時	ｍｍ月ｄｄ日（◎） 11:00~14:30
場所	◎◎線◎◎駅徒歩◎◎分
お申込み	http://URL

♥君も一部多分こうした仕事界という事の上にしたた。しかるに時間にお話顔もどうしても

♣君も一部多分こうした仕事界という事の上にしたた。しかるに時間にお話顔もどうしても

ソースコード書き方

<div style="width: 95%;margin: 0 auto;padding-bottom: 1em;background-color: #f7f7f7;box-shadow: 0 4px 10px rgba(0,0,0,0.4)"> <h3 style="background-color: #2ea0cd;margin-top: 0;padding:0.5em 1em;color: #ffffff;">もじこからのお知らせ</h3> <p style="padding: 0 1.5em;">君も一部多分こうした仕事界という事の上にしたた。しかるに時間にお話顔もどうしてもどういう鑑定でしょだかもになるがくるないをは享有行なわたなけれて、あまりには云えただろたな。繰り返しからなるですのはいよいよ晩をいったんしたらた。もし向さんから尊重職だんだん安住がならた人格ある思想それか道楽ににおいてお関係でたたましが、そ </p> <table style="margin-left: 1.5em;width: 90%;background: #ffffff;"> <tr> <th style="text-align: left;padding: 0.5em;background: #DFE0C2;border: 1px #ffffff solid;">日時</th> <td style="padding: 0.5em;background: #f2f2e7;border: 1px #ffffff solid;">ｍｍ月ｄｄ日（◎） 11:00~14:30</td> </tr> <tr> <th style="text-align: left;padding: 0.5em;background: #DFE0C2;border: 1px #ffffff solid;">場所</th> <td style="padding: 0.5em;background: #f2f2e7;border: 1px #ffffff solid;">◎◎線◎◎駅徒歩◎◎分</td> </tr> <tr> <th style="text-align: left;padding: 0.5em;background: #DFE0C2;border: 1px #ffffff solid;">お申込み</th> <td style="padding: 0.5em;background: #f2f2e7;border: 1px #ffffff solid;"><a href="http://URL">http://URL</a></td> </tr> </table> <p style="margin-bottom:0;padding: 0 1.5em; text-indent: -1.5em;margin-left: 1.5em;"><span style="display: inline-block;width: 1.5em;text-indent: 0;color:#DF81A2;">♥</span>君も一部多分こうした仕事界という事の上にしたた。しかるに時間にお話顔もどうしても</p> <p style="margin-bottom:0;padding: 0 1.5em; text-indent: -1.5em;margin-left: 1.5em;"><span style="display: inline-block;width: 1.5em;text-indent: 0;color:#67bf63;">♣</span>君も一部多分こうした仕事界という事の上にしたた。しかるに時間にお話顔もどうしても</p> </div>

もじこからのお知らせ

日時	ｍｍ月ｄｄ日（◎） 11:00~14:30
場所	◎◎線◎◎駅徒歩◎◎分
お申込み	http://URL

♥君も一部多分こうした仕事界という事の上にしたた。しかるに時間にお話顔もどうしても

♣君も一部多分こうした仕事界という事の上にしたた。しかるに時間にお話顔もどうしても

ソースコード書き方

<div style="width: 95%;margin: 0 auto;padding-bottom: 1em;background-color: #f7f7f7;box-shadow: 0 4px 10px rgba(0,0,0,0.4)"> <h3 style="background-color: #DF81A2;margin-top: 0;padding:0.5em 1em;color: #ffffff;">もじこからのお知らせ</h3> <p style="padding: 0 1.5em;">君も一部多分こうした仕事界という事の上にしたた。しかるに時間にお話顔もどうしてもどういう鑑定でしょだかもになるがくるないをは享有行なわたなけれて、あまりには云えただろたな。繰り返しからなるですのはいよいよ晩をいったんしたらた。もし向さんから尊重職だんだん安住がならた人格ある思想それか道楽ににおいてお関係でたたましが、そ </p> <table style="margin-left: 1.5em;width: 90%;background: #ffffff;"> <tr> <th style="text-align: left;padding: 0.5em;background: #ead9d2;border: 1px #ffffff solid;">日時</th> <td style="padding: 0.5em;background: #f5f5f1;border: 1px #ffffff solid;">ｍｍ月ｄｄ日（◎） 11:00~14:30</td> </tr> <tr> <th style="text-align: left;padding: 0.5em;background: #ead9d2;border: 1px #ffffff solid;">場所</th> <td style="padding: 0.5em;background: #f5f5f1;border: 1px #ffffff solid;">◎◎線◎◎駅徒歩◎◎分</td> </tr> <tr> <th style="text-align: left;padding: 0.5em;background: #ead9d2;border: 1px #ffffff solid;">お申込み</th> <td style="padding: 0.5em;background: #f5f5f1;border: 1px #ffffff solid;"><a href="http://URL">http://URL</a></td> </tr> </table> <p style="margin-bottom:0;padding: 0 1.5em; text-indent: -1.5em;margin-left: 1.5em;"><span style="display: inline-block;width: 1.5em;text-indent: 0;color:#DF81A2;">♥</span>君も一部多分こうした仕事界という事の上にしたた。しかるに時間にお話顔もどうしても</p> <p style="margin-bottom:0;padding: 0 1.5em; text-indent: -1.5em;margin-left: 1.5em;"><span style="display: inline-block;width: 1.5em;text-indent: 0;color:#67bf63;">♣</span>君も一部多分こうした仕事界という事の上にしたた。しかるに時間にお話顔もどうしても</p> </div>

もじこからのお知らせ

日時	ｍｍ月ｄｄ日（◎） 11:00~14:30
場所	◎◎線◎◎駅徒歩◎◎分
お申込み	http://URL

♥君も一部多分こうした仕事界という事の上にしたた。しかるに時間にお話顔もどうしても

♣君も一部多分こうした仕事界という事の上にしたた。しかるに時間にお話顔もどうしても

ソースコード書き方

<div style="width: 95%;margin: 0 auto;padding-bottom: 1em;background-color: #f7f7f7;box-shadow: 0 4px 10px rgba(0,0,0,0.4)"> <h3 style="background-color: #BCD655;margin-top: 0;padding:0.5em 1em;color: #ffffff;">もじこからのお知らせ</h3> <p style="padding: 0 1.5em;">君も一部多分こうした仕事界という事の上にしたた。しかるに時間にお話顔もどうしてもどういう鑑定でしょだかもになるがくるないをは享有行なわたなけれて、あまりには云えただろたな。繰り返しからなるですのはいよいよ晩をいったんしたらた。もし向さんから尊重職だんだん安住がならた人格ある思想それか道楽ににおいてお関係でたたましが、そ </p> <table style="margin-left: 1.5em;width: 90%;background: #ffffff;"> <tr> <th style="text-align: left;padding: 0.5em;background: #BAD1D9;border: 1px #ffffff solid;">日時</th> <td style="padding: 0.5em;background: #f5f5f1;border: 1px #ffffff solid;">ｍｍ月ｄｄ日（◎） 11:00~14:30</td> </tr> <tr> <th style="text-align: left;padding: 0.5em;background: #BAD1D9;border: 1px #ffffff solid;">場所</th> <td style="padding: 0.5em;background: #f5f5f1;border: 1px #ffffff solid;">◎◎線◎◎駅徒歩◎◎分</td> </tr> <tr> <th style="text-align: left;padding: 0.5em;background: #BAD1D9;border: 1px #ffffff solid;">お申込み</th> <td style="padding: 0.5em;background: #f5f5f1;border: 1px #ffffff solid;"><a href="http://URL">http://URL</a></td> </tr> </table> <p style="margin-bottom:0;padding: 0 1.5em; text-indent: -1.5em;margin-left: 1.5em;"><span style="display: inline-block;width: 1.5em;text-indent: 0;color:#DF81A2;">♥</span>君も一部多分こうした仕事界という事の上にしたた。しかるに時間にお話顔もどうしても</p> <p style="margin-bottom:0;padding: 0 1.5em; text-indent: -1.5em;margin-left: 1.5em;"><span style="display: inline-block;width: 1.5em;text-indent: 0;color:#67bf63;">♣</span>君も一部多分こうした仕事界という事の上にしたた。しかるに時間にお話顔もどうしても</p> </div>

つくねには、軟骨を入れないで欲しい派。