body { color:#290376;} h1 { border: 5px dashed black; padding: 1em 3em; text-align: center; background-color:green; } h2 { border: 10px ridge red; padding: 1em 3em; text-align: center; background-color:#d89311; } h3 { border: 10px dotted yellow; padding: 1em 3em; text-align: center; } th {color:red;} th+th{color:#ffa500;} th+th+th{color:#7cfc00;} th+th+th+th{color:#ff00ff;} th+th+th+th+th{color:#ff8c00;} th+th+th+th+th+th{color:gold;} th+th+th+th+th+th+th{color: blue;} td:first-child{color:red;} td:last-child{color: blue;} table, tr, td,th {border: 1px solid;border-collapse: collapse} ul li {list-style-image: url("odob.png");} ul li:hover {list-style-image: url("odored.png");} ul li:active {list-style-image: url("odoao.png");} p.iwantosee:active + p.hide {display: block;} p.hide {display: none;} div.italy {background:white; border:1px solid black; width:18ex;height:12ex; } div.red {background:red; position:relative; left:12ex;height:12ex;width:6ex; } div.green{background:green;position:relative; left:0ex;height:12ex;width:6ex;top:-12ex; } span.check { background-color: red; color: red; }