2017-12-10 9 views
-1
<div id="travel_photos"> 
    <img style="display: inline; margin: 0 10px; title="branson" src="branson.jpg" alt="" width="150" height="75"/> 
    <img style="display: inline; margin: 0 10px; title="cancun" src="cancun.jpg" alt="" width="150" height="75"/> 
    <img style="display: inline; margin: 0 10px; title="denver" src="denver.png" alt="" width="150" height="75"/> 
    <img style="display: inline; margin: 0 10px; title="destin" src="destin.png" alt="" width="150" height="75"/> 
    <img style="display: inline; margin: 0 10px; title="PV" src="PV.png" alt="" width="150" height="50"/> 
</div> 

これは私のHTMLに書いてあります。私はそれらをCSSにする方法を知らない。私は#を試しましたが、CSSに入れても何も変わりません。私のCSSはどのように見えますか?私の写真はCSSで何もすることができません

+1

HTMLを表示するには、 '{}'コードツールを使用する必要があります。投稿を送信する前にプレビューウィンドウを使用してください。そうすれば、他の人が見る前に正しいことを確認することができます。 – halfer

+0

「私はそれらをCSSにする方法がわかりません」とはどういう意味ですか?あなたにはどんなルールを適用したいですか?イメージのスタイルを一般的にしたい場合は、 '#travel_photos img {/ * rules here * /}'を実行することができます。 – halfer

+0

あなたの 'style'属性が壊れているように見えますが、' title'属性の前には閉じ引用符はありません。 – halfer

答えて

0

お客様のすべての声明には、見積もりがありません。

<div id="travel_photos"> 
    <img style="display: inline; margin: 0 10px;" title="branson" src="branson.jpg" alt="" width="150" height="75"/> 
    <img style="display: inline; margin: 0 10px;" title="cancun" src="cancun.jpg" alt="" width="150" height="75"/> 
    <img style="display: inline; margin: 0 10px;" title="denver" src="denver.png" alt="" width="150" height="75"/> 
    <img style="display: inline; margin: 0 10px;" title="destin" src="destin.png" alt="" width="150" height="75"/> 
    <img style="display: inline; margin: 0 10px;" title="PV" src="PV.png" alt="" width="150" height="50"/> 
</div> 

が有効です。最後のセミコロンの後にtitle属性の後に"というマークが追加されていることに注目してください。

関連する問題