Posted By

Malte on 01/31/08

Tagged

Versions (?)

Last Edited at 01/31/08 10:56am

Statistics

Viewed 813 times

Favorited by 9 user(s)

Related snippets

Advanced CSS ROUNDED CORNERS

/ Published in: CSS

Full reziseable Boxmodel, nice for effectfull glow or shadow PNGs.

Resize browserside fontsize for the testpage (see URL).

Highlighted TextExpand

/* TOP */
	div.box.head div.box.right {
		background-image:url(t_r.png); background-position: top right; background-repeat: no-repeat; height:12px;
	}
	div.box.head div.box.left {
		background-image:url(t_l.png); background-position: top left; background-repeat: no-repeat; height:12px;
	}
	div.box.head div.box.center {
		background-image:url(t_c.png); height:12px;  margin-left: 12px; margin-right: 12px; 
	}
	
/* BOTTOM */
	div.box.foot div.box.right {
		background-image:url(b_r.png); background-position: right bottom; background-repeat: no-repeat; height:12px;
	}
	div.box.foot div.box.left {
		background-image:url(b_l.png); background-position: left bottom; background-repeat: no-repeat; height:12px;
	}
	div.box.foot div.box.center {
		background-image:url(b_c.png); margin-left: 12px; margin-right: 12px; height:12px; 
	}

</style>

URL: http://demo.mediaraum.com/snippets/corner.html

Report this snippet Tweet