2017-03-21 12 views
-2

は、私は以下のCSSコードを持っていますが、それは私が前に見て、コードの同じタイプを使用しているだけH1およびH3に一般的にHTMLにCSSを適用されませんが、それは働いたなぜ自分のCSSが自分のhtmlに適用されていないのか分かりません。

html { 
    text-align:center; 
    border:25px dotted #ff5c33; 
    background-color:#00b300; 
    color:#ff5c33; 
    font-family:Arial; 
    } 
h1 { 
    background-color:#ff5c33; 
    color:#00b300; 
} 
h2 { 
    background-color:#ff5c33; 
    color:#00b300; 

} 

HTMLは、私は以下の通りです。エラーが見つかりませんでした。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> 
<title>Official Volleball</title> 
<link href="VolleyB/CssforVB.css" rel="stylesheet" type="text/css" /> 
</head> 

<body> 
<h1>Official volleyball team score</h1> 
<h3>Wins:1 Losses:0</h3> 
<h2>Number of spikes by shawn</h2> 
<h4>Spikes:3</h4> 
</body> 

</html> 
+1

あなたのHTMLはどこですか?問題は、あなたがHTMLを持っていない可能性があります。私たちがボランティアをしてあなたを助けるのは簡単です。 –

+0

あなたはhtml要素の周りに境界線を置くことを疑問に思っています,,,,体のように.... – epascarello

+0

@WesFoster ok私はそれを追加しました – Ryzon

答えて

0

あなたがbodyに適用欠けているように見えるhtmlにスタイルを適用しています。

スタイルが正しい要素に適用されるように、CSSのhtmlbodyを変更してください。

body { /* Change html to body */ 
    text-align:center; 
    border:25px dotted #ff5c33; 
    background-color:#00b300; 
    color:#ff5c33; 
    font-family:Arial; 
} 

h1 { 
    background-color:#ff5c33; 
    color:#00b300; 
} 

h2 { 
    background-color:#ff5c33; 
    color:#00b300; 
} 
関連する問題