@media screen{ body { background: #FCECEA; color:blue;} h1{background-color:yellow; color:green;} h2 {background-color:green; color:red;} p1{color:black;border:thin;border:dotted magenta;} } h1{text-align: center;border: 15px ridge black; padding: 1ex 1em;font-size:300%;} h2 {text-align:left;text-decoration:underline;border-width:thin;border-style:inset;} p2{text-decoration:underline;} a:active {color:black;background:violet;} a:hover { background:lightgrey;} ul {text-align:left; font-size: 100%;} div { background-image: url(b1.jpeg); height:100px; width:100px; background-size: cover; background-repeat: no-repeat;} div:hover{ background-image:url(b3.jpeg); height:100px; width:100px; background-size:cover; background-repeat:no-repeat;} div:active{ background-image: url(b2.jpeg); height: 100px; width: 100px; background-size: cover; background-repeat: no-repeat;} p3.hukidasi:hover + p3.mite {display: block;} p3.mite {display: none;} div.kuni{background:white;border:1px solid black;width:18ex;height:12ex;} div.aka{background:red;position:relative;left:12ex;height:12ex;width:6ex;} div.midori{background:green;position:relative;left:0ex;height:12ex;width:6ex;top:-12ex;} .k{color:red; background-color:red;}