Why aren't the background-color styles for my table working and what can I do to fix it? [duplicate]

My table's background color styles in my head aren't styling the table cells in the body. Here is my code: #11 { background-color: hsv(0,0,100); } #12 { background-color: hsv(0,25,100); } #13 { background-color: hsv(0,50,100); } #14 { background-color: hsv(0,75,100); } #15 { background-color: hsv(0,100,100); } #21 { background-color: hsv(0,0,75); } #22 { background-color: hsv(0,25,75); } #23 { background-color: hsv(0,50,75); } #24 { background-color: hsv(0,75,75); } #25 { background-color: hsv(0,100,75); } #31 { background-color: hsv(0,0,50); } #32 { background-color: hsv(0,25,50); } #33 { background-color: hsv(0,50,50); } #34 { background-color: hsv(0,75,50); } #35 { background-color: hsv(0,100,50); } #41 { background-color: hsv(0,0,25); } #42 { background-color: hsv(0,25,25); } #43 { background-color: hsv(0,50,25); } #44 { background-color: hsv(0,75,25); } #45 { background-color: hsv(0,100,25); } #51 { background-color: hsv(0,0,0); } #52 { background-color: hsv(0,25,0); } #53 { background-color: hsv(0,50,0); } #54 { background-color: hsv(0,75,0); } #55 { background-color: hsv(0,100,0); }                                                   I originally had the styles as inline styles on the cells and it didn't work so I tried moving the styles to a style tag (and added ids to the cells, of course) to make it more efficient so that I could manage the styles without having to edit every individual cell. It is supposed to produce a table with gradient-like coloring but instead it produces a blank white screen.