私はhtml.netと呼ばれるウェブサイトを通してcssとxhtmlを学んでいます。私は自分のウェブサイトで作業している間、彼らの指示に従っています。画像の背景でCSSチュートリアルを開始したばかりですが、小さいながらも厄介な問題が発生しています。私がこれをするとき、すべてが大丈夫です。つまり、いたるところに海賊船があります。スペインの艦隊のように見えます。
body {
background-color: silver;
background-image: url("pix/pirateship.jpg")
}
h1 {font-size: 40px; font-family: arial; color:yellow; background-color:#0000a0;}
h2 {color:maroon;}
li {font-size: 20px; font-family: arial; color:#87f717; background-color:#34282c;}
table {color:black; background-color:gray;}
th {color:black;}
しかし...次の例に従おうとすると、画像がまったく表示されません。
body {
background-color: silver;
background-image: url("pix/pirateship.jpg")
background-repeat: no-repeat;
}
h1 {font-size: 40px; font-family: arial; color:yellow; background-color:#0000a0;}
h2 {color:maroon;}
li {font-size: 20px; font-family: arial; color:#87f717; background-color:#34282c;}
table {color:black; background-color:gray;}
th {color:black;}
私はこれに何かがあるのではないかと思います...実際、私は疑うことを始めるのに十分なことを知りません。これは皆さんにお任せします。誰かが解決策を知っているといいのですが。
PSこれらはすべて、インデックスファイルと同じフォルダにあるcssファイルにあります。no-repeat、repeat-x、repeat-yのいずれかの値を使用しようとすると、すべての海賊が迷子になります。通常の背景画像は、使用しない場合は問題なく表示されます。