ページ内の画像全てに一括で枠線をつける方法を紹介します。
背景が白色の画像を挿入する際、画像の範囲をわかりやすくするために枠線を付けたほうが良い時があります。
例えば、この記事もそうですが、画面のキャプチャ画像などを挿入しながら説明するような時は、枠線があったほうが画像範囲が明確になり、見やすくなります。
そのような時に今回の方法は効率的です。
目次
「ページ設定」の「カスタムCSS」を使う
設定方法は簡単です。
ページ編集画面の上メニュー「ページ設定」から「カスタムCSS」を選択します。
そうすると、以下のようなウィンドウが開きます。
こちらに以下のようなコードを入力して、【保存】をクリックします。
img { border: solid 1px #777777; }
これだけです！
この方法で、ページ内の画像全てに枠線をつけることができます。
枠線の
種類（実線、点線など）
太さ
色
は、挿入するコードを編集することで変更することができます。
枠線をつけたほうが見やすくなる場合は活用してみてください。
