2016-08-29 7 views
0

私はHTMLページの背景画像にスタイルシートを使用しようとしています。そして、それは単にリンクしていないか、単に動作していません。 (はいhtmlとcssファイルはすべて同じディレクトリ/フォルダ内にあります)。CSSスタイルシートはHTMLにリンクしていません

これは私が

<html> 
<head> 
<link href="stylesheet1.css" rel="stylesheet" type="text/css"> 
<body> 
<center> <p style="border:1px solid white; padding:15px; color:blue;  font-family:courier; font-size:200%;"> Welcome 
</body> 
</head> 
</html> 

を使用していたし、次にスタイルシートのコード自体はこれが含まれている私のコードです。リンクタイプでも、私は/ png/imageを使ってみました。

body { 
     background-image: url("image-name-here.png"); 
     backgound-repeat: no-repeat; 
     background-position: center top; 
} 

はい、私はヘッドでタグ本体を置き換えようとしました。

+0

あなたのHTML内のbodyタグはありますか? –

+0

あなたのHTMLにbodyタグがありません –

+0

あなたは身体を持っておらず、身体のサイズはデフォルトで身長がゼロで幅がゼロであるからではありません。だから、あなたは背景の大きさを宣言する必要があります:表紙か何か。 –

答えて

1

background-repeatにスペルミスがあり、backgound-repeatという綴りがあります。また、HTMLに<body></body>というタグが存在する必要があります。

更新HTML

<!DOCTYPE html> 
<html> 
<head> 
<link href="stylesheet1.css" rel="stylesheet" type="text/css"> 
... 
</head> 
<body> 
... 
</body> 
</html> 

CSS

あなたのスタイルシートでのミスを修正し、

body { 
    background-image: url("image-name-here.png"); 
    background-repeat: no-repeat; 
    background-position: center top; 
} 
関連する問題