css - 表の広告リンクの色を変更し、両端で背景画像の曲線を作成します

Question

a:active,a:link,a:visited{color:#06c}すべてのリンクの色を制御します。全体的な色を削除したり変更したりせずにそれを克服するには??

を設定しtable thead th a {color: #ffffff;}ました。

table thead には、実際には半径が左右にある背景画像があります。表示させる方法は？

jsfiddle

Answer 1

table を含む div に border-radius を適用し、オーバーフローをクリップする必要があります... border-radius は tr、td、thead、table などには適用されません。

JSfiddle の例はこちら

Answer 2

これを追加して、ヘッドのリンクの色をオーバーライドできます。

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;
}