2020年6月22日月曜日

blogger : 画像の枠を消す/変更する

目的:

画像を挿入した時の画像についた枠を消す。

概要:

画像を挿入した時、画像の周りに枠が表示される。
テーマの編集でカステムCSSを追加するか、テーマのHTMLを編集する事で枠を表示しない様になるが、全ての画像で枠が消える。
個々の画像で枠を消したり、枠を変更したりできるようにする。

方法: 

画像を挿入した後、HTML表示に切り替え、挿入した画像のボーダー指定部分をスタイルの指定に変更し、枠とパディングのサイズを"0" に する。
変更前 :  <img border="0" data-original-height=...
変更後: <img style="border: 0px ;  padding: 0px ;" data-original-height=...
 ( 変更後、"作成"に戻り、再度 HTML表示すると style の記述位置は自動で変更されている... )

例:

変更前 (画像を挿入)
変更後 (style="border: 0px ;  padding: 0px ;")
枠の色を変更 (style="border: solid 2px #00FF00 ;  padding: 0px ;")

0 件のコメント:

コメントを投稿