funcion en html

[tortusriano]

hola soy nuevo en esto estoy realizando una web y hay cosas que no entiendo como hacerlo y me gustaria que me ayudaran o me orientaran estoy haciendo una galeria de imagenes y quiero hacer algo como esto que esta en la imagen

[url=http://hosting.deimagenes.com/][img]http://hosting.deimagenes.com/imagen/1pwp.jpg[/img][/url]

y lo otro es que tengo un estilo para que cuando pasa por la imagen se agrande pero me gustaria saber como lo puedo hacer con los margenes redondedos como esto

[url=http://hosting.deimagenes.com/?v=2bjb.jpg][img]http://hosting.deimagenes.com/thumbs/2bjb.jpg[/img][/url]
les dejo el estilo

<style type='text/css'>
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 0px;
left: -100px;
border: 0px;
visibility: hidden;
color: #000000;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -120px;
left: 5px; /*position where enlarged image should offset horizontally */
}
</style>

ojala me puedan ayudar gracias de antemano