HTML表格中的第一行和第一列之後的行

如何區分HTML表格中的第一行和最左側的列。優選地具有將這些與其餘列/行分開的線。HTML表格中的第一行和第一列之後的行

我發現很少的部分解決方案，但他們都指的是更新CSS。由於我想在wordpress博客中包含此表（我認爲）我沒有訪問權限，因此不能包含CSS樣式，也沒有包含任何JavaScript腳本的選項。

表：

<table> 
 
    <tr> 
 
    <td></td> <td>1</td><td>2</td><td>3</td> 
 
    </tr> 
 
    <tr> 
 
    <td>1<td> </td><td>0.2</td><td>1.1</td> 
 
    </tr> 
 
    <tr> 
 
    <td>2</td> <td>0.5</td><td></td><td>-0.7</td> 
 
    </tr> 
 
    <tr> 
 
    <td>3</td> <td>0.3</td><td>0.9</td><td>0</td> 
 
    </tr> 
 
</table>

預期成果：

來源

2017-03-01 Dawid Laszuk

所以你想編輯表格的樣式而不改變CSS？ –

是的，應該沒問題。正如你所看到的，我無法將所有的CSS翻譯成純HTML。 –

@DawidL。誰說你不能添加CSS和Javascript？您可以編輯主體並使用內聯CSS。對於JavaScript，您可以包含''標籤。嘗試一下。 –

您應使用：

左柱n-th child選擇

TD：第n個孩子（N）{
/*你的東西在這裏*/ }
的第一行th標籤

例：

<table style="border-collapse:collapse; width: 100%"> 
 
    <tr style="border-bottom: 3px solid #000;background-color: #d3d3d3 !important;"> 
 
    <th style="background-color: #d3d3d3 !important;border-right: 3px solid #000;padding: 8px;"></th> 
 
    <th>1</th> 
 
    <th>2</th> 
 
    <th>3</th> 
 
    </tr> 
 
    <tr> 
 
    <td style="background-color: #d3d3d3 !important;border-right: 3px solid #000;padding: 8px;">1</td> 
 
    <td> </td> 
 
    <td>0.2</td> 
 
    <td>1.1</td> 
 
    </tr> 
 
    <tr style="background-color: #f5f5f5"> 
 
    <td style="background-color: #d3d3d3 !important;border-right: 3px solid #000;padding: 8px;">2</td> 
 
    <td>0.5</td> 
 
    <td></td> 
 
    <td>-0.7</td> 
 
    </tr> 
 
    <tr> 
 
    <td style="background-color: #d3d3d3 !important;border-right: 3px solid #000;padding: 8px;">3</td> 
 
    <td>0.3</td> 
 
    <td>0.9</td> 
 
    <td>0</td> 
 
    </tr> 
 
</table>

來源

2017-03-01 08:26:47

好的。但如何使用它？ –

@DawidL。看代碼片段 –

@Arttem Solvev還是什麼都沒有。我在哪裏包括這個？我不能添加任何CSS，也不能添加JS。表格最終會轉到wordpress.com，這是相當有限的。 –

HTML表格中的第一行和第一列之後的行

回答

相關問題