メリハリがなく読者が読みづらかったりします。
そこで、画像を挟んだりするのもメリハリを出すには良い方法ですが、
大切で読んで欲しい文章や、強調したい文章を枠で囲ったりするのも、
メリハリを出し、読者を飽きさせない良い方法です
![ァゲァゲ](https://emoji.ameba.jp/img/user/su/supuko/18156.gif)
CSSに書く方法もありますが、今回はエディタに直接タグを書く方法を説明しますね。
【エディタ貼り付け用タグ】
![チェック](https://emoji.ameba.jp/img/user/am/amecustom/1808701.gif)
<p style="background-color:#FFFFFF;border:1px solid #999999;padding:5px;">こちらに文章が入ります。</p>
![チェック](https://emoji.ameba.jp/img/user/am/amecustom/1808701.gif)
<p style="background-color:#E3F2FB;border:1px dotted #CCCCCC;padding:5px;">こちらに文章が入ります。</p>
![チェック](https://emoji.ameba.jp/img/user/am/amecustom/1808701.gif)
<p style="background-color:#FFE2E8;border:1px dotted #FF99CC;padding:5px;">こちらに文章が入ります。</p>
![!](https://emoji.ameba.jp/img/user/ta/takuma0214-gameblog/109724.gif)
分かりやすいようにタグを分解して説明します。
<p style="
background-color:#FFFFFF; /* 背景色 */
border:1px solid #999999; /* 線の太さ 線の種類 線の色 */
padding:5px; /* 枠と文字の隙間 */
">
こちらに文章が入ります。
</p>
![!](https://emoji.ameba.jp/img/user/ta/takuma0214-gameblog/109724.gif)
標準エディタの下部にある [HTMLタグを表示] タブに切り替えて、貼り付けてください。
![標準エディタ](https://stat.ameba.jp/user_images/20100912/00/amecustom/0b/8c/p/o0500045610742856839.png?caw=800)
![!](https://emoji.ameba.jp/img/user/ta/takuma0214-gameblog/109724.gif)
こちらは 引用文専用タグ ですので、引用以外はできるだけ使用しないようにしましょう。
アメブロのカスタマイズ本を出版しました!
[ 出版キャンペーン ] をおこないます!
9月16日(木)~9月17日(金)
たくさんの特典をご用意しておりますので、振ってご参加ください♪「アメブロでカスタマイズ 魅せるブログデザインを作ろう!」詳細
Amazonでのご購入はこちら