はてなブログ：画像に枠線を付けてみる

記事の書き方は良くわからなかったけど、多少のコンピュータ的な知識はあったから、画像を入れた記事を書こうと思い、

を書いてみた。

「記事を書く」画面の右サイドバーにある「＋写真を投稿」に画像をドラッグ＆ドロップでアップロード出来た。

その画像を選択して「選択した写真を貼り付け」で記事内に配置できた。ふむ。

でも、なんか画像の範囲が分かりにくいと感じた。背景色との関係もあるだろうが。

画像を囲む枠線を付けたほうが見やすいと感じた。

まず、編集方法を変えた。それまでは「編集みたまま」で編集していたが、「HTML編集」に切り替えた。

HTMLの知識はあったので、imgタグを変更した。次のようにstyle属性を追加した。

　旧：<p><img src="https:...

　新：<p><img style="border: solid 1px #BDBDBD;" src="https:...

終わり！