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
...我找到了你的样式表。不允许在'