2012-02-14 76 views
-2

的身體我有有身體有許多<p>一個html文件,每一個都有自己的風格(見下文)。文檔中還有一個圖像。我想一個紅色背景出現後面的所有文本,並在體內的圖像。我該怎麼做?設置背景顏色爲一個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 2012-02-14 15:49:27

回答

0

您可以使用CSS來一個紅色背景添加到整個身體或僅僅是圖像的段落標記。

整個身體:

<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; 

它可以添加到body元素將所有的頁面有色或任何p元素只有顏色故。

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

在旁註中,有沒有理由不使用CSS(.css)文件?

1

如果你想你的整個網站是紅色,只是調整身體標記:<body style="background-color:red;">...。如果你想有一個紅色的背景僅次於你的身體內的元素使用下面的風格在<head>代替:

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

注意,如果你把你的CSS規則,成爲一個全球性的樣式表可以簡化代碼:

body > p{ 
    color:rgb(0,0,0); 
    margin: 0px; 
    font-family: Helvetica, Helvetica; 
    font-size:20px; 
}