アメブロをかわいくしよう!井型の飾り枠です。
こんにちは大場明美です。今回は井型の飾り枠を作ってみました。ブログの真ん中につけられて、伸び縮みするので使い勝手がいいと思います。好きなだけ書き込んでください横幅が変わります真ん中に設置できるので目立つことこの上なしですあ、改行するときにEnterキーを押しながら改行するのだけ忘れないでくださいね!好きなだけ書き込んでください。<div class="square-l" style="text-align:center;"><div class="square-s" style="display: inline-block;text-align:left;margin:15px auto;padding:20px;background-size:2px 2px;background-position:9px 0,0 9px,right 9px top 0,left 0 bottom 9px;background-repeat:repeat-y,repeat-x,repeat-y,repeat-x;background-image:linear-gradient(#f30,#f30),linear-gradient(#f30,#f30),linear-gradient(#f30,#f30),linear-gradient(#f30,#f30);">好きなだけ書き込んでください。 </div></div>好きなだけ書き込んでください。div class="square-l" style="text-align:center;"><div class="square-s" style="display: inline-block;text-align:left;margin:15px auto;padding:20px;background-size:2px 2px;background-position:9px 0,0 9px,right 9px top 0,left 0 bottom 9px;background-repeat:repeat-y,repeat-x,repeat-y,repeat-x;background-image:linear-gradient(#6c0,#6c0),linear-gradient(#6c0,#6c0),linear-gradient(#6c0,#6c0),linear-gradient(#6c0,#6c0);">好きなだけ書き込んでください。 </div></div>好きなだけ書き込んでください。<div class="square-l" style="text-align:center;"><div class="square-s" style="display: inline-block;text-align:left;margin:15px auto;padding:20px;background-size:2px 2px;background-position:9px 0,0 9px,right 9px top 0,left 0 bottom 9px;background-repeat:repeat-y,repeat-x,repeat-y,repeat-x;background-image:linear-gradient(#f3c,#f3c),linear-gradient(#f3c,#f3c),linear-gradient(#f3c,#f3c),linear-gradient(#f3c,#f3c);">好きなだけ書き込んでください。 </div></div>好きなだけ書き込んでください。<div class="square-l" style="text-align:center;"><div class="square-s" style="display: inline-block;text-align:left;margin:15px auto;padding:20px;background-size:2px 2px;background-position:9px 0,0 9px,right 9px top 0,left 0 bottom 9px;background-repeat:repeat-y,repeat-x,repeat-y,repeat-x;background-image:linear-gradient(#30f,#30f),linear-gradient(#30f,#30f),linear-gradient(#30f,#30f),linear-gradient(#30f,#30f);">好きなだけ書き込んでください。 </div></div>好きなだけ書き込んでください。<div class="square-l" style="text-align:center;"><div class="square-s" style="display: inline-block;text-align:left;margin:15px auto;padding:20px;background-size:2px 2px;background-position:9px 0,0 9px,right 9px top 0,left 0 bottom 9px;background-repeat:repeat-y,repeat-x,repeat-y,repeat-x;background-image:linear-gradient(#c60,#c60),linear-gradient(#c60,#c60),linear-gradient(#c60,#c60),linear-gradient(#c60,#c60);">好きなだけ書き込んでください。 </div></div>好きなだけ書き込んでください。<div class="square-l" style="text-align:center;"><div class="square-s" style="display: inline-block;text-align:left;margin:15px auto;padding:20px;background-size:2px 2px;background-position:9px 0,0 9px,right 9px top 0,left 0 bottom 9px;background-repeat:repeat-y,repeat-x,repeat-y,repeat-x;background-image:linear-gradient(#096,#096),linear-gradient(#096,#096),linear-gradient(#096,#096),linear-gradient(#096,#096);">好きなだけ書き込んでください。 </div></div>質問募集中アメブロのここが分からない!という方いらっしゃいませんか?あなたの疑問に0-ban's shopがお答えいたします質問がありましたらコメント欄かLINE公式に書いてくださいあなたのアメブロ整ってますか? CSSを覚えるのが面倒 自分は仕事に集中したいのでヘッダーはやってもらいたいそんなあなたには、ヘッダー作成や設置の代行もしていますLINEの友だち追加から登録してくださいね現在ヘッダー画像・バナーを2000円でお作りしております詳しくはこちらからお申し込みの方はお早めにこちらからお申込みください 人気記事かわいいお問い合わせボタンをつけてみましょう。【期間限定価格】あなたの商品の魅力が伝わるヘッダー 画像・バナー作成します!50回チャレンジ(18)o-ban's shopではアメーバブログのカスタマイズを行います。デフォルトのアメブロにご不満はないですか?あなたのブログを「大人かわいく」「かっこよく」カスタマイズいたします。