更改表格背景颜色的问题

Question

当我在我的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;}

我应该在我的代码中更改哪些内容，以便我可以将背景颜色应用到我的表格中，我甚至尝试使用background ..它也没有用？

Answer 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属性并找到答案，抱歉提出错误的问题