使tableadad鏈接改變顏色和背景圖像兩端的曲線

Question

a:active,a:link,a:visited{color:#06c}控制所有的鏈接顏色。如何克服它而不刪除或改變整體顏色？我已經設置了table thead th a {color: #ffffff;}。

table thead實際上具有左右半徑的背景圖像。如何使其顯示？

jsfiddle

Answer 1

您可以將此覆蓋鏈接的顏色在您的THEAD：

thead a:active, thead a:link, thead a:visited, a:hover {color: white;} 

爲了使圓角落可見你應該將樣式表，而不是THEAD：

table { 
    width:100%; height:29px; background:url('http://cdn2.f-cdn.com/img/bg/mod_top_blue1.png'); 
    -moz-border-radius-topright:10px; 
    -moz-border-radius-topleft:10px; 
    -webkit-border-top-right-radius:10px; 
    -webkit-border-top-left-radius:10px; 
    background-color: #FFFFFF; 
} 

Answer 2

您需要將border-radius應用於包含表格的div並剪裁溢出...... border-radius不適用於tr，td，thead，t能等

示例JSfiddle here