Newer
Older
2022-ItoYu / cal.css
@ITO Yu ITO Yu on 27 May 2022 1 KB fi
p[class~="happy"]{
background-color: beige;
color: firebrick;
}

p[class~="sad"]{
background-color: darkslategray;
color: white;
}

td {text-align: right;}
tr:first-child td:first-child {background-color: red; color: black; text-align: center;}
tr:first-child td:nth-child(2) {background-color: mediumpurple; text-align: right;}
tr:first-child td:nth-child(3) {background-color: orange; text-align: right;}
tr:first-child td:nth-child(4) {background-color: cyan; text-align: right;}
tr:first-child td:nth-child(5) {background-color: chocolate; text-align: right;}
tr:first-child td:nth-child(6) {background-color: lime; text-align: right;}
tr:first-child td:nth-child(7) {background-color: blue; color: white; text-align: right;}

td:first-child {color: red;}
td:nth-child(7) {color: blue;}

tr:nth-child(2) td:nth-child(3) {color: red;}
tr:nth-child(2) td:nth-child(4) {color: red;}
tr:nth-child(2) td:nth-child(5) {color: red;}

ul {margin-left: 5em;}
li {list-style-image: url("1.png");}
li:hover {list-style-image: url("2.png");}
li:active {list-style-image: url("3.png");}

able, tr, td {
 border: 2px solid;
 border-spacing: 1ex;
}

table {
 caption-side: top;
}