• ベストアンサー

CSSで画像に枠をつけない方法

ブログのエントリー画面に画像を載せた時に、枠が表示されるようにしたのですが、 サイドバーの画像には枠をつけたくありません。 どう指定すればいいでしょうか? 宜しくお願い致します。

質問者が選んだベストアンサー

  • ベストアンサー
  • chizakura
  • ベストアンサー率40% (77/190)
回答No.2

#1です。 追記しておきますね。 スタイルシートの優先度としては (1)各要素ごとに個別にスタイルシートを適用する方法  <img src~>←の中に直接記述する方法 (2)HTMLファイルごとにスタイルシートを記述する方法  ファイルのheadの部分に記述する内部css (3)外部スタイルシートを読み込み、一括指定する方法  外部にファイルを持つcss と上から順に高くなります。 私のしるした方法は(3)の方法ですので (1)か(2)で枠が設定されているような場合はそちらが優先され 消えないことがあります。

0909neko
質問者

お礼

ご丁寧に有難うございました^^

その他の回答 (2)

noname#100277
noname#100277
回答No.3

締め切って無い様子なので・・・ 該当する画像に直接CSSでもHTML属性でも構わないので、記述するのが一番確実でしょう。

0909neko
質問者

お礼

直接記述するようにしました^^ 有難うございました^^

  • chizakura
  • ベストアンサー率40% (77/190)
回答No.1

サイドバーの設定をしているクラスの部分に border-style: none; で、つかなくなると思います。 ちなみに、場所は関係なくすべての画像の線を外す場合は img{ border-style: none; } で消えます。

0909neko
質問者

お礼

解決できました!有難うございました

0909neko
質問者

補足

有難うございます サイドバーの全体の navigation のCSSに加えましたが、消えませんでした。 今下記の状態です。 <div id="navi1"><!-- start_navi --> <div class="navigation"> <!-- BEGIN link --> <center><img src=画像のurl border=0></center> <!-- END link --> </div></div> 他に方法はありますでしょうか?