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