2012-02-14 31 views
-2

私は多くの<p>のボディを持ち、それぞれ独自のスタイル(下記参照)を持つHTMLドキュメントを持っています。ドキュメントには1つのイメージもあります。私は赤い背景が本文中のすべてのテキストとイメージの後ろに現れるようにしたいと思います。どうすればいいですか?htmlドキュメントの本体の背景色を設定する

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
</head> 
<body> 
<br /><br /> 
<p style="color:rgb(0,0,0);margin: 0px;font-family: Helvetica, Helvetica;font-size:20px;"> 
    <b>John Dow</b> 
</p> 
<p style="color:rgb(0,0,0);margin: 0px;font-family: Helvetica, Helvetica;font-size:20px;"> 
    123 Street 
    Cape Town 
    8005 
</p> 
<img style="border:none; margin: 8px 0px 0px 0px;" src="https://s3.amazonaws.com/kruranimagestest/50CB6EA7-A5F8-43C7-A826-8DBD4DBC0DB1.jpg" alt="image"> 
</body> 
</html> 
+1

多くの何で? 'body {background:red; } '?? – elclanrs

答えて

0

赤い背景を本文全体に追加したり、画像だけで段落タグを追加することができます。

体全体:

<style type="text/css"> 
body { 
    background: red; 
} 
</style> 

<P>とだけ<IMG>タグ:

<style type="text/css"> 
p, img { 
    background: red; 
} 
</style> 
0

スタイルでbackground-colorプロパティを使用します。

0

は、あなたがしたい場所にこれを追加します。

background-color:red; 

を色のみ、それを着色する任意のp要素にすべてのページを持つことがbody要素に追加することができます。

0
<body style="background-color: #FF0000"> 

補足として、CSS(.css)ファイルを使用していない理由はありますか?

1

ウェブサイト全体が赤くなるようにしたい場合は、ボディータグ<body style="background-color:red;">...を調整してください。あなたはグローバルスタイルシートにあなたのCSSルールを置けばあなたのコードを簡素化することができます

<style>body > *{ background-color:red;}</style> 

注:

あなたの体内の要素ではなく、あなたの <head>に以下のスタイルを使用するだけ後ろに赤い背景を持つようにしたい場合は
body > p{ 
    color:rgb(0,0,0); 
    margin: 0px; 
    font-family: Helvetica, Helvetica; 
    font-size:20px; 
} 
関連する問題