body{ background-color: #fffacd; } p.happy{ background: linear-gradient(#9acd32, #fffacd); color: #000000; } p.cry{ background: linear-gradient(#6a5aca, #87cefa); color: #000000; } h2.happy{ color: #9acd32; } h2.cry{ color: #6a5aca; } th:first-child{ background-color: #e45858; } th + th{ background-color: #ffc0cd; } th + th + th{ background-color: #ffa500; } th + th + th + th{ background-color: #87cefa; } th + th + th + th + th{ background-color: #d2692e; } th + th + th + th + th + th{ background-color: yellow; } th + th + th + th + th + th + th{ background-color: #6495ed; } td:first-child{ color: red; } td.yasumi{ color: red; } td:last-child{ color: blue; } table,th,tr{text-align: center;} table{background: #ffffff;} td{text-align: right; border: 1px solid;}