アメブロの記事に枠線を入れよう!~枠線の入れ方を解説するよ!

アメブロ 枠線の入れ方

記事の中に枠線を入れるだけで、ぐっとブログは見やすくなります!

また、メッセージボードや記事下定型文などは、むしろ枠線がないと、どこからどこまでなのかがわからない・・・。

という事で、ブログを見やすくするために!
記事を読みやすくするために!!

大切なところ、目に留まってほしいところは枠線で囲ってみてください♪

 

枠線の入れ方

枠線を入れるのは案外簡単なので、まずは枠線の入れ方をマスターしてくださいね♪

 

使いたい枠を選ぶ

まずは下記【永久保存版!】アメブロで使えるオシャレでかわいい囲み枠 10選 から、
どの枠線を使うか選んで、その枠線のタグをコピーしてください。

【永久保存版】コピペするだけ!アメブロで使えるかわいい囲み枠 10選

2018.05.29
アメブロ 囲み枠

 

HTML表示に切り替える

アメブロの【ブログを書く】の画面で
【通常表示】から【HTML表示】に切り替えます。

 

枠線のタグを張り付け

選んだ枠線のタグを貼りつけます。

 

出来上がり!

「通常表示」に切り替えると枠線ができています!

 

枠線の基本

基本を押さえれば、好みの色・お気に入りの線種にカスタマイズするのも簡単!

まずは、以下の基本を理解しましょう♪

<fieldset style=”border: 2px solid #00a3af;“>文章</fieldset>

 

線の太さ

○px がラインの太さです。
数字が大きいほど太くなります。

 

枠線の種類

solid は「直線」を表します。

タグを変えると線の種類も変えられます。

 

線種ごとのタグ

実線: solid

二重線: double

点線: dotted

破線: dashed
 

 

配色

#00a3af; のように
#で始まる6文字の英数字がカラーコードです。

これを変えると色を変更できます。

 

 

 

まとめ

以上です!

いかがですか? 簡単でしょ??

最初は枠線のタグを貼る付けるだけでOKですが、慣れてきたら、ぜひぜひ!

色や線種を組み合わせて、自分のお好きな枠線を作ってくださいね♪

そして、普段の記事や告知記事・・・・

枠線を入れて、わかりやすく、素敵に仕上げてくださいねー!

ABOUTこの記事をかいた人

櫻井 法恵

ビジネスのための魅せるアメブロ・Facebook作りのアドバイザー。 2014年に事務管理・ブログ管理として起業。 2016年より、講師&アメブロコンサルタントとして活動を開始。 アメブロとFacebookのみを使い、約2年間でのべ500人を集客する。