1
我目前正在製作一個HTML表格(這是一項正在進行中的工作,仍然需要更多CSS
才能使它看起來很漂亮),而且我似乎無法呈現樣式<THEAD>
,所以它橫跨整個桌子而不是隻有左邊 - 如附圖所示。我嘗試了多種方法,但似乎沒有任何工作,如果有人能提供幫助,我將非常感激。如何在HTML中使用<THEAD>標記(使用css):
<head>
<title>League of Legends EU LCS Standings</title>
</head>
<body>
<TABLE WIDTH="50%" BORDER="5" CELLPADDING="4" CELLSPACING="3">
<THEAD>
<TR>
<TH COLSPAN="2">
<BR>
<H3>LoL EU LCS Table Standings</H3> </TH>
</TR>
</THEAD>
<TBODY>
<TR>
<TH>Position</TH>
<TH>Team</TH>
<TH>Wins</TH>
<TH>Draws</TH>
<TH>Losses</TH>
<TH>Points</TH>
</TR>
<TR ALIGN="CENTER">
<TD>1</TD>
<TD><A HREF=「http://www.fnatic.com」>Fnatic</A></TD>
<TD>5</TD>
<TD>2</TD>
<TD>1</TD>
<TD>17</TD>
</TR>
</TR>
<TR ALIGN="CENTER">
<TD>2</TD>
<TD><A HREF=「http://www.g2esports.com」>G2 ESports</A></TD>
<TD>4</TD>
<TD>4</TD>
<TD>0</TD>
<TD>16</TD>
</TR>
</TR>
<TR ALIGN="CENTER">
<TD>3</TD>
<TD><A HREF=「http://www.h2k-gaming.eu」>H2K</A></TD>
<TD>3</TD>
<TD>4</TD>
<TD>1</TD>
<TD>13</TD>
</TR>
</TR>
<TR ALIGN="CENTER">
<TD>4</TD>
<TD><A HREF=「http://www.schalke04.de/en/」>FC Schalke 04</A></TD>
<TD>3</TD>
<TD>3</TD>
<TD>2</TD>
<TD>12</TD>
</TR>
</TR>
<TR ALIGN="CENTER">
<TD>5</TD>
<TD><A HREF=「https://www.splyce.gg」>Splyce</A></TD>
<TD>2</TD>
<TD>4</TD>
<TD>2</TD>
<TD>10</TD>
</TR>
</TR>
<TR ALIGN="CENTER">
<TD>6</TD>
<TD><A HREF=「http://www.team-vitality.fr」>Team Vitality</A></TD>
<TD>1</TD>
<TD>5</TD>
<TD>2</TD>
<TD>8</TD>
</TR>
</TR>
<TR ALIGN="CENTER">
<TD>7</TD>
<TD><A HREF=」http://www.giantsgaming.pro/en/home」>Giants</A></TD>
<TD>2</TD>
<TD>1</TD>
<TD>5</TD>
<TD>7</TD>
</TR>
</TR>
<TR ALIGN="CENTER">
<TD>7</TD>
<TD><A HREF=「http://www.unicornsoflove.eu」>Unicorns of Love</A></TD>
<TD>2</TD>
<TD>1</TD>
<TD>5</TD>
<TD>7</TD>
</TR>
</TR>
<TR ALIGN="CENTER">
<TD>9</TD>
<TD><A HREF=「http://www.roccat.org/en-GB/Home/Overview/」>Roccat</A></TD>
<TD>1</TD>
<TD>4</TD>
<TD>3</TD>
<TD>7</TD>
</TR>
</TR>
<TR ALIGN="CENTER">
<TD>9</TD>
<TD><A HREF=「https://www.origen.gg」>Origen</A></TD>
<TD>1</TD>
<TD>4</TD>
<TD>3</TD>
<TD>7</TD>
</TR>
</TBODY>
</TABLE>
<style>
td, th {
border: 1px solid #999;
padding: 0.3em;
}
th {
background-color:#808080;
color: white;
}
th, tr {
font-size: 24px;
font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
}
tr:hover {background-color: #f5f5f5}
table{
border: 1px solid black;
width: 100%;
}
</style>
</body>
</html>
小心,你有畸形quotationmarks有:'「' – DanFromGermany
‘我嘗試過多種方法,但似乎沒有工作’ - 如果你不告訴我們你的企圖那麼我們就可以不告訴你他們爲什麼不工作。 – Quentin
...我找到了你的樣式表。不允許在'