てtoて

私からあなたへつなぐ、知識のバトンパス。

コピペするだけ!画像に枠線をつける簡単な方法

f:id:az0411052:20171124160128j:plain

 

こんにちは、もなりんです。

 

 

ブログで記事を書くときに、画像は結構大事ですよね。

 

 

けれども、背景が白だとどこが境目か分からなくなってしまうときってありませんか?

 

 

そんな時に、コピペするだけで簡単に枠線を付ける方法を教えたいと思います。

 

 

 

HTMLにコピペするだけ

たとえば、こんな画像があるとします。

 

f:id:az0411052:20171124160608p:plain

 

これだとどこが境目か分かりませんよね?

 

 

 この画像のHTMLがこちらです。

 

 

 <p><img class="hatena-fotolife" title=・・・(省略)

 

 

ここで、HTMLの<p><img class="hatena-fotolife"title』の間に、下記コードを入れてみてください。

 

 

style="border: solid 1px #BDBDBD;" 

 

 

f:id:az0411052:20171124161728p:plain

 

すると細いグレーの実線の枠線がつきました。

 

 

さっきコピーしたコードをテキストなんかに保存しておいて、枠線を付けたいときにはコピペするだけで簡単に枠線を付けることができます。

 

 

画像に枠線を付けたいときには、試してみてくださいね。