表格的边框半径问题

时间:2018-09-26 10:12:14

标签: html css

我正在尝试使用CSS使表格看起来更好。

我给了标题单元格一个边界半径。但是,在我的弯曲边框上方应用了一个细小的,无半径的边框。 Chrome表示它是从用户代理样式表中获取此CSS的。我该如何解决?

#IPTable {
color: #333; /* Lighten up font color */
font-family: Helvetica, Arial, sans-serif; /* Nicer font */
width: 100%; 
border-collapse:separate;
border-spacing: 0;
}

#IPTable th {
background: #3E3E3E;
color: #FFF; font-weight: bold;
height: 40px;
}
#IPTable td {
    background: #FAFAFA;
}

#IPTable td:first-child

#IPTable tr:nth-child(even) td { background: #F1F1F1; }   

#IPTable tr:nth-child(odd) td { background: #FEFEFE; }  

#IPTable tr td:hover { background: #666; color: #FFF; }  

#IPTable tr:first-child th:first-child { 
  border-radius: 20px 0 0 0; 
} 

#IPTable tr:first-child th:last-child { 
  border-radius: 0 20px 0 0; 
}

0 个答案:

没有答案