codice:
<html>
<head>
<title>Pagina</title>
<style type="text/css">
body{background:#000000;}
.sep {
display:inline-block;
height:50px;
width:1px;
border:0px;
right:0px;
top:0px;
background-size:1px 50px;
background-repeat:no-repeat;
background-image:url(sep.jpg);
}
.pic {
display:inline-block;
height:50px;
width:96px;
border:0px;
right:0px;
top:0px;
background-size:96px 100px;
background-repeat:no-repeat;
}
#im1 { background-image:url(im1.jpg); }
#im1:hover { background-position:0 -50; }
#im2 { background-image:url(im2.jpg); }
#im2:hover { background-position:0 -50; }
#im3 { background-image:url(im3.jpg); }
#im3:hover { background-position:0 -50; }
#im4 { background-image:url(im4.jpg); }
#im4:hover { background-position:0 -50; }
#im5 { background-image:url(im5.jpg); }
#im5:hover { background-position:0 -50; }
#im6 { background-image:url(im6.jpg); }
#im6:hover { background-position:0 -50; }
#bar{height:50px;width:583px;display:block;}
</style>
</head>
<body>
<center>
<div id='bar'>
<span class='sep'></span>
<span class='pic' id='im1'></span>
<span class='sep'></span>
<span class='pic' id='im2'></span>
<span class='sep'></span>
<span class='pic' id='im3'></span>
<span class='sep'></span>
<span class='pic' id='im4'></span>
<span class='sep'></span>
<span class='pic' id='im5'></span>
<span class='sep'></span>
<span class='pic' id='im6'></span>
<span class='sep'></span>
</div>
</body>
</html>
[COLOR=blue][COLOR=skyblue][COLOR=green]