wackeyの“くらしメモ”と“しごとメモ”。そしてWebが好き

[Mu]ムジログ

Webサイト開発・運営

画像と本文との境目が欲しい!写真に枠線を入れるスタイルシート

投稿日:

スタイルシート

ずっと放置していたのですが、白地の背景に白地のキャプチャー画像を使うと境目がわからなくなり、ブログ本文テキストと画像内テキストの区別がしづらくてストレスになることがあります。
それを防ぐために画像に枠線を入れて区別しようと思ったのですが、冷静に考えれば4年前のブログで似たようなことをやっていました。

本日のムジログMTデザインカスタマイズ | [Mu]ムジログ

ここではFlickrの写真(キャプチャー画像)のみ枠線を入れるようにしてみましたが、とりあえず、今回はエントリー部分の画像すべてに枠線を入れるようにしてみました。

[php].entry img { border: 1px #CCCCCC solid; }[/php]

わかる人から見ればたいしたことがないことですが、これをテーマファイルのstyle.cssに追記してやるだけです。

追加で枠線を画像によってつけない、色を変えたいということであれば、classをどんどん定義していけば良いでしょう。

ジログはとりあえず、4年前の状態(画像のまわりに枠線を入れる)にようやく戻って、ここからデザインをやり直していきたいと思います。

-Webサイト開発・運営

Copyright© [Mu]ムジログ , 2018 All Rights Reserved Powered by AFFINGER5.