Css 3-在html表格中配置边框颜色

Css 3-在html表格中配置边框颜色,css,Css,我想做一个表格作为下一个图像: 我有表格的html代码,但我需要更改图像中的边框颜色 我很久以前就做过了,但我想知道现在做最好的方法 始终是相同的行和列,但这是必需的,必须仅使用css,可能使用: tr:nth-child(3) 这是表格html代码: <table border="1" cellpadding="6" cellspacing="0"> <thead> <tr><th>Field1</th>&

我想做一个表格作为下一个图像:

我有表格的html代码,但我需要更改图像中的边框颜色

我很久以前就做过了,但我想知道现在做最好的方法

始终是相同的行和列,但这是必需的,必须仅使用css,可能使用:

tr:nth-child(3)
这是表格html代码:

<table border="1" cellpadding="6" cellspacing="0">
    <thead>
        <tr><th>Field1</th><th>Field2</th><th>Field3</th><th>Field4</th><th>Field5</th><th>Field6</th><th>Field7</th><th>Field8</th><th>Field9</th></tr>
    </thead>            
    <tbody>
        <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td></tr> 
        <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td></tr>
        <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td></tr>
        <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td></tr> 
        <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td></tr>
        <tr><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td></tr>
    </tbody>
</table>

字段1字段2字段3字段4字段5字段6字段7字段8字段9
123456789
123456789
123456789
123456789
123456789
123456789
我怎么能做到呢?

tr>td:n个孩子(7),tr>th:n个孩子(7){
右边框:橙色2px实心;
}
tr>td:n个孩子(8),tr>th:n个孩子(8){
左边框:橙色2px实心;
}
tr:N个孩子(3)>td{
边框底部:橙色2px实心;
}
tr:N个孩子(4)>td{
边框顶部:橙色2倍纯色;
}

字段1字段2字段3字段4字段5字段6字段7字段8字段9
123456789
123456789
123456789
123456789
123456789
123456789
tr>td:n个孩子(7),tr>th:n个孩子(7){
右边框:橙色2px实心;
}
tr>td:n个孩子(8),tr>th:n个孩子(8){
左边框:橙色2px实心;
}
tr:N个孩子(3)>td{
边框底部:橙色2px实心;
}
tr:N个孩子(4)>td{
边框顶部:橙色2倍纯色;
}

字段1字段2字段3字段4字段5字段6字段7字段8字段9
123456789
123456789
123456789
123456789
123456789
123456789

@Eladerezador这是我的荣幸:)@Eladerezador这是我的荣幸:)