ホームページ作成 質問過去ログ

                                Page     851
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   通常モードに戻る  ┃  INDEX  ┃  ≪前へ  │  次へ≫   
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 ▼CSSを使って、特定のイメージだけに枠をつけたい場合はどうすればよいでしょうか?  CSS初心者 04/11/14(日) 21:29
   ┗Re:CSSを使って、特定のイメージだけに枠をつけたい場合はどうすればよいでしょうか?  らら 04/11/14(日) 21:43
      ┗Re:CSSを使って、特定のイメージだけに枠をつけたい場合はどうすればよいでしょうか?  CSS初心者 04/11/14(日) 21:52

 ───────────────────────────────────────
 ■題名 : CSSを使って、特定のイメージだけに枠をつけたい場合はどうすればよいでしょうか?
 ■名前 : CSS初心者
 ■日付 : 04/11/14(日) 21:29
 -------------------------------------------------------------------------
   CSSを使用して、HPを作成中のCSS初心者です。
写真だけに、枠を表示させたいために、
img    {border:8px solid #bae1f8;}
と指定したのですが、
そうすると、バナーなどもimgなので、そちらの方にも枠がついてしまいます。
class名などを使って、特定のimg(写真)に枠をつけたいのですが、どうすればよいでしょうか?

Pなどの場合は、
P.text1 {color:black}
と指定して、
<P class="text1">〜・・・
としますが、imgの場合はどうしたらよいでしょうか?
よろしくお願い致します。   
    
 ───────────────────────────────────────  ■題名 : Re:CSSを使って、特定のイメージだけに枠をつけたい場合はどうすればよいでしょうか?  ■名前 : らら  ■日付 : 04/11/14(日) 21:43  -------------------------------------------------------------------------
   >CSSを使用して、HPを作成中のCSS初心者です。
>写真だけに、枠を表示させたいために、
>img    {border:8px solid #bae1f8;}
>と指定したのですが、
>そうすると、バナーなどもimgなので、そちらの方にも枠がついてしまいます。
>class名などを使って、特定のimg(写真)に枠をつけたいのですが、どうすればよいでしょうか?
>
>Pなどの場合は、
>P.text1 {color:black}
>と指定して、
><P class="text1">〜・・・
>としますが、imgの場合はどうしたらよいでしょうか?
>よろしくお願い致します。   

同じですよ。
p.text1 img{border:8px solid #bae1f8;}
<p class="text1"><img src="写真.jpg" alt=""></p>
こんな感じで良いと思います。(クラス名は仮)

他にも
img.waku{border:8px solid #bae1f8;}
<img src="写真.jpg" alt="" class="waku">

<img src="写真.jpg" alt="" style="border:8px solid #bae1f8;">
でも一応できると思います。

「セレクタ クラス指定」などで検索すると良いかもしれません。(もう調べたかな)
 ───────────────────────────────────────  ■題名 : Re:CSSを使って、特定のイメージだけに枠をつけたい場合はどうすればよいでしょうか?  ■名前 : CSS初心者  ■日付 : 04/11/14(日) 21:52  -------------------------------------------------------------------------
   どうもありがとうございました。
やってみましたら、できました。
本当に助かりました。

まだ初心者なもので応用ができなくて・・・。
ありがとうございました。    
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━    通常モードに戻る  ┃  INDEX  ┃  ≪前へ  │  次へ≫    ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━                                 Page 851