画像に枠線を入れるCSSは別に説明ページを作るほどでもないのだけれど、でも使い方によってやっかいになってくる。
CSSにimg で書いてしまうと、そのサイト全体に効果を発揮してしまい、つけなくていい画像にまで影響してしまう。
クラス名を決めてCSSに設定するのが最も一般的。
しかし、画面画像を多く使用した説明ページを作ると、いちいちクラス指示するのも面倒だし、そもそもクラス名を覚えていなければならなくなる。
自分的セオリーでクラス名を決めている人は苦にはならないとは思うが。
で、、、、
ページごとにCSSを設定できるプラグインを使うのも手。
![]()
WP Add Custom CSS
これを入れるとページごとにCSSを適用できる画面が追加されるのでそこに imgに枠線を入れる指示をする。

img {
border: solid 1px #777777; /* 色:グレー */
}
これでそのページに限り、クラス名を指示しなくても画像に枠線を入れることができる。