アメブロで書いた文章を枠線で囲む方法。 | ブログアフィリエイトを実践して1ヶ月で5万円を稼ぐ為の力

ブログアフィリエイトを実践して1ヶ月で5万円を稼ぐ為の力

ブログアフィリエイトを活用して、1ヶ月で5万円稼ぐ事を目標にしているブログです。

アメブロで記事を書いている時に、
文章を目立たせる為に、囲み線を引いてみたいと思った事はありませんか?
悲しいかな今のアメブロには、この機能は付属していません。

では、どうすればいいのか?
アメブロで自動ボタンが付いていないのなら、
自分で文章の中にHTMLタグを入れ込んでしまえばいいのです。
その為に、新エディタ機能を利用します。

新エディタを開いたら、このHTMLタグを入力します。
↓ ↓ ↓
<div style="border:2px dotted #cccccc; padding:10px;">テストの囲み線</div>

これを実行する事によって、
↑の「テストの囲み線」と言う文章に、
四角系で囲み線が挿入された形で文章が表示されます。

border:2px は囲み線の種類と太さの事です。
#ccccccは枠線のカラーコードになります。
padding:10px;は余白のスペースの事です。

上の数値とカラーコードを、
自分なりに変更すれば、枠線の色や太さを自由に操る事が出来ます。

記事の中にちょっと目だてさせたい文章等があったら、
この囲み線のHTMLのコードを使ってみる事をお勧めします。

ちなみに、囲み線の中の色も変更したいならば、
padding:10px;の後に、”background-color:#2F2F2;を追加すればOKです!!

ちょっとしたアメブロのHTMLの特性を利用して、
あなたのブログをオリジナリティー溢れたものにしてみませんか?