知識、知恵のカタマリ

[PR]コレがGoogleの検索ストーリー

お蔵入り

clip!clip!
Ads By Google

ブログ内の画像に余白と枠線をつけたいのですが

ブログ内の画像に余白と枠線をつけたいのですが、どのようにしたら良いのでしょうか・・・。
できたら全ての画像に付けたいです。よろしくお願いします。

livedoor PICS image


2009-02-22 17:50の質問
CSS  
CSS技術開発
CSS技術開発 のホームページはこちらです
www.css24.jp/
この質問は、30日間解決しなかったために自動的に質問が一旦閉じられました。

回答(1)

1.

2009-02-22 19:26:17
普通に画像を投稿すると、class="pict" が付くので、
スタイルシートで、
.pict {
  border:5px solid white;
}
とかすれば、投稿画像の回りに5px 幅の白い枠をつけることができます。
※.pict は、既にあるかもしれません。また img.pict かもしれません。
それを更に枠で囲むとすると、別の要素で画像を囲まないといけませんので、
過去の画像に適用するのは、面倒です。

ブラウザによって見え具合が違うかも知れませんが、
.pict {
  background:white;/* あるいは、background-color:white; */
  border:2px solid gray;
  padding:5px;
}
とかすれば、5px幅の白枠の外に灰色の枠線を付けることができます。
自信度 : 自信なし 回答レベル : アドバイス
Ads By Google

コメント

まだコメントがありません

トラックバック(2)

トラックバックURL: