我正在尝试使用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;
}