這有點(diǎn)像我想要的那樣。正如在第一個(gè)表格中,背景圖像工作正常,調(diào)整圖像大小也正常。
但是現(xiàn)在我的問題是,當(dāng)我試圖在第一個(gè)表格中制作另一個(gè)表格時(shí),它仍然使用第一個(gè)表格中的第一個(gè)背景,即使我告訴它使用新的背景圖像。
那么,我該如何做才能讓樣式在第一個(gè)表結(jié)束后結(jié)束,而不是在第一個(gè)表中的第二個(gè)表中使用。
提前感謝任何幫助。
<html>
<head>
<title></title>
<style>
table{
background: #000 url(background1.png);
height: 100%;
border: none;
margin: 0px;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
</style>
</head>
<body marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" margin="0" padding="0" link="#1FOOFF" vlink= "#1FOOFF" alink="#1FOOFF" >
<center><table width="100%" height="100%" border="0" marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" margin="0" padding="0" cellspacing="0" cellpadding="0" >
<tr>
<td width="100%" height="100%" valign="top" >
### this is where i want the style to end and use a new image ###
<table width="800" height="10" background:"backgroun2.png">
<tr>
<td valign="center" width="25 height="10" bgcolor="red" >
<font size="5" face="Arial"><b> NEWS: </b>
</td><td valign="top" width="575" height="10" bgcolor="black" >
<center><font size="5" face="Arial"><font color="#FFFFFF"><marquee bgcolor="black" behavior="scroll" direction="left" >Now is the time to buy Gold and Silver.</marquee></font></font></center>
</td></tr></table>
</td></tr></table>
嘗試使用CSS類,而不是通過類型引用表。這樣,你就可以給你的外桌和內(nèi)桌賦予不同的風(fēng)格。有關(guān)CSS類的信息,請參見此處。
https://developer . Mozilla . org/en-US/docs/Web/CSS/Class _ selector
例如
<style>
.outer-table {
background: #000 url(background1.png);
...
}
</style>
<body>
<table class="outer-table">
...
<table>
...
</table>
</table>
</body>
這里有兩種可能性: 第一個(gè)是為你的每一個(gè)表設(shè)置一個(gè)類。
<head>
<title></title>
<style>
table{
background: #000 url(background1.png);
height: 100%;
border: none;
margin: 0px;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
.bg-1{
background: #000 url(background1.png);
}
.bg-2{
background: #000 url(background2.png);
}
</style>
</head>
<body marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" margin="0" padding="0" link="#1FOOFF" vlink= "#1FOOFF" alink="#1FOOFF" >
<center>
<table class="bg-1" width="100%" height="100%" border="0" marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" margin="0" padding="0" cellspacing="0" cellpadding="0" >
<tr>
<td width="100%" height="100%" valign="top" >
### this is where i want the style to end and use a new image ###
<table class="class="bg-2"" width="800" height="10" background:"backgroun2.png">
<tr>
<td valign="center" width="25 height="10" bgcolor="red" >
<font size="5" face="Arial"><b> NEWS: </b>
</td>
<td valign="top" width="575" height="10" bgcolor="black" >
<center>
<font size="5" face="Arial">
<font color="#FFFFFF">
<marquee bgcolor="black" behavior="scroll" direction="left" >Now is the time to buy Gold and Silver.</marquee>
</font>
</font>
</center>
</td>
</tr>
</table>
</td>
</tr>
</table>
</head>
或者你可以把它添加到CSS中,這樣你的第二個(gè)bg只適用于一個(gè)表中的表
table{
background: #000 url(background1.png);
height: 100%;
border: none;
margin: 0px;
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
table table{
background: #000 url(background2.png);
}
就個(gè)人而言,我寧愿推薦第一個(gè)選項(xiàng):)