title: issues in changing table background-color
body: <p>when i use background-color in my css to change the table background color instead of changing the colour of background it is changing the color of the text </p>
  
  <p>here is my css code to style a table</p>
  
  <pre><code>.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;}
  </code></pre>
  
  <p>what should i change in my code so that i can apply a background-color to my table i even tried using background..it also did not worked</p>