<!DOCTYPE html>
<html>
<haed><title></title>
<style>
svg{
width:500px;
height:500px;
}
.k1{
width:100px;
height:400px;
fill:red;
}.k2{
width:100px;
height:400px;
fill:yellow;
}.k3{
width:100px;
height:400px;
fill:blue;
}.k4{
width:100px;
height:400px;
fill:green;
}
@key
</style>
</haed>
<body>
<svg>
<rect x="100" y="100" class="k1">
</rect>
<rect x="200" y="100" class="k2">
</rect>
<rect x="300" y="100" class="k3">
</rect>
<rect x="400" y="100" class="k4">
</rect>
</svg>
</body>
</html>