0

css で background-color を使用して、背景の色を変更する代わりにテーブルの背景色を変更すると、テキストの色が変更されます

テーブルのスタイルを設定するCSSコードは次のとおりです

.table_styling1 {
 table-layout:fixed;
 width:100%;  
 height:25px; 
 border:1px solid #ccc; 
 background-color:#8B7D7B;
 border-radius:4px;}

.table_styling1 th {
 padding:4px 6px 6px; 
 background:#444; 
 color:#fff; 
 text-align:center; 
 color:#ccc;}

.table_styling1 td {
 padding:2px 4px 4px; 
 background:#fff; 
 border-bottom:1px solid #ccc;}

 .table_styling1 tr { 
 background-color:#FF83FA;}     

 .table_styling1 tr:hover {
 color:#4876FF;}

テーブルに背景色を適用できるように、コードで何を変更する必要がありますか?背景を使用しようとしました..それも機能しませんでした

4

1 に答える 1

1
.table_styling1 {       
   width:50%;
   border: 2px solid black;
   border-collapse:collapse;}

.table_styling1 th{
   padding:4px;
   background:#444;
   color:#fff;}

.table_styling1 td {
   padding:2px 4px 4px;   
   border-bottom:1px solid #ccc;}

.table_styling1 tr:hover {
   background:#4876FF;
   color:#1E1E1E;}                         

.table_styling1 table,th,td {
   border: 1px solid black;}

私はすべてのcssプロパティを読み、答えを見つけました。間違った質問をしてすみません

于 2012-09-25T06:13:28.400 に答える