2

いくつかのテーブルを含む単純な HTML ページを使用しており、ページの背景色を変更したいと考えています。bgcolor を変更しようとすると、背景色ではなく、ページの一番下にあるフッター テキストを示す小さな細い線だけが変更されます。テーブルの色を変更したくはありませんが、ページの外縁が背景色になり、中央にコンテンツのある白いテーブルが表示されるように、背後の色だけを変更したいと考えています。

以下は、表のコードのドラフトです。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Language" content="en-gb">
<title>Your Title Here</title>

<style>
LI.MsoNormal {
FONT-SIZE: 12pt; FONT-FAMILY: "Times New Roman"; mso-style-parent: ""; margin-    left:0in; margin-right:0in; margin-top:0in; margin-bottom:0pt
}
.H1 {
FONT-SIZE: 36px; : #d70305
}
H1 {
FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif
}
H2 {
FONT-SIZE: 20px; COLOR: #000000
}
H2 {
FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif
}
.style22 {font-size: 12px}
.style13 {font-family: Tahoma;
font-size: 24px;
font-weight: bold;
}
.style16 { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 24pt;
color: #000000;
font-weight: bold;
}
.style17 {color: #993300}
.style3 {font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
.style4 {color: #666633;
font-size: 12px;
}
.style6 {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
.style90 {font-size: 18pt}
.headline1 {
font-family: Tahoma, Geneva, sans-serif;
font-size: 24pt;
font-weight: bold;
color: #C00;
}
</style>

</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor="#242424">
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" background="images/top.jpg">
<img src="images/header.jpg" width="873" height="233"></td>
</tr>
<tr>
<td style="background-image:url(images/middle.jpg); background-repeat:repeat-x;    background-color:#ffffff">
<table width="859" border="0" align="center" cellpadding="0" cellspacing="0"  background="images/sides.jpg">
<tr>
<td><table width="780" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<div align="center">


<!--Table Content here-->

</div>
</td>
</tr>
</table>
</table>             
</td>
<tr>
<td align="center" background="images/bottom.jpg">
<img src="images/footer.jpg" width="873" height="126"></td></tr>
</table>
<font color="#999999" size="2" face="Tahoma">footer text here</font></div>
</body>
</html>
4

7 に答える 7

2

非推奨のため、インライン スタイルは使用しないでください。最初の方法は、body タグで style 属性を使用することです。

<body style="background-color:#242424;margin-top:0px;margin-left:0px;">

2番目の方法は、内部スタイルタグでスタイルを定義することです -

<style>
   body{
      background-color:#242424;
      margin-top:0px;
      margin-left:0px;
   }
</style>
于 2013-09-11T11:16:29.637 に答える
0

このCSSを追加 

<style>
body
{
    background:#009;
}
</style>
于 2013-09-11T11:09:45.747 に答える
0

このcssを追加してみてください

<style>       
  body  
  {  
      background-color:#as45er;  
  }    
</style>
于 2016-04-13T11:14:20.470 に答える