Skip to content

tsuto.net

色々メモ書き用です

画像に枠線を入れるCSS

Posted on 1月 8, 20231月 8, 2023 By tsuto

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

で、、、、
ページごとにCSSを設定できるプラグインを使うのも手。

WP Add Custom CSS

これを入れるとページごとにCSSを適用できる画面が追加されるのでそこに imgに枠線を入れる指示をする。

img {
border: solid 1px #777777; /* 色:グレー */
}

これでそのページに限り、クラス名を指示しなくても画像に枠線を入れることができる。

wordpressネタ

投稿ナビゲーション

Previous Post: 新規構築時にまずは入れるプラグイン

More Related Articles

投稿者や投稿日を消す wordpressネタ
新規構築時にまずは入れるプラグイン wordpressネタ

Categories

  • wordpressネタ
  • 便利サイトリンク

Recent Posts

  • 画像に枠線を入れるCSS
  • 新規構築時にまずは入れるプラグイン
  • 投稿者や投稿日を消す
  • 過去のサイト履歴
  • サイトの安全性をチェックするサイト

Copyright © 2026 tsuto.net.

Powered by PressBook Green WordPress theme