,
<html>
<head>
<meta http-equiv="content-type" charset="utf-8">
<style>
.box {width:400px; height:30px;
font-size:28px;
text-align:center;
border:6px solid;
padding:30px;
margin:10px;
position:absolute}
#red {color:#800000; border-color:#ff0000; background-color:#ff8080}
#orange {color:#804000; border-color:#ff8000; background-color:#ffc080}
#yellow {color:#808000; border-color:#ffff00; background-color:#ffff80}
#green {color:#008020; border-color:#00ff40; background-color:#80ff90}
#cyan {color:#008080; border-color:#00ffff; background-color:#80ffff}
#blue {color:#000080; border-color:#0000ff; background-color:#8080ff}
#violet {color:#400080; border-color:#8000ff; background-color:#c080ff}
#red {top:100px; right:250px}
#orange {top:450px; right:600px}
#yellow {top:70px; right:450px}
#green {top:620px; right:250px}
#cyan {top:700px; right:490px}
#blue {top:20px; right:290px}
#violet {top:800px; right:650px}
/* */
</style>
</head>
<body>
<div class="box" id="red"></div>
<div class="box" id="orange"></div>
<div class="box" id="yellow"></div>
<div class="box" id="green"></div>
<div class="box" id="cyan"></div>
<div class="box" id="blue"></div>
<div class="box" id="violet"></div>
</body>
</html>
, , ( ). , , . , active ( hover) , .
.
:
:.box:hover {z-index:99}
| - ( , , ) | |
| , | |
| , | |
| , | |
| , ( !) | |
| , | |
| , | |
| , | |
| , (small caps) | |
| , | |
| , | |
| , , | |
| , | |
| , |
|
|
|
