PDA

View Full Version : Css Corners



Verrou
16-12-2007, 03:50 AM
I think Simon knows how but not sure.

How do i round corners using css?

d17c
16-12-2007, 03:55 AM
http://www.smileycat.com/miaow/archives/000044.php
Try that, there's a few different links on there about how to do it

Beau
16-12-2007, 08:13 AM
Hurry up already CS3 :(

Verrou
16-12-2007, 10:32 AM
I'd say...

zeJosh
16-12-2007, 10:35 AM
CSS:



b.bt, b.bt b, b.bb, b.bb b {display: block; height: 10px;font-size: 1px;background:url(images/grey.gif) no-repeat;position:relative}b.bt {top: -3px; left: -3px}b.bt b {background-position:100% -10px; left: 6px}b.bb {background-position:0 -20px; top:3px; left: -3px}b.bb b {background-position:100% -30px; left: 6px}#grey_border {border: #ddd 3px solid}

Html:



<div id="grey_border"><b class="bt"><b></b></b>[your content]<b class="bb"><b></b></b></div>

Verrou
16-12-2007, 10:38 AM
Will try that, but can u make one: Border 3px Solid Black and only the top and bottom right corners are curved, tah.

graffiti
16-12-2007, 10:43 AM
thanks, +rep when my too much rep in 24 hours wears off :)

Johno
16-12-2007, 11:21 AM
http://www.spiffycorners.com/

.:; Johno

Verrou
16-12-2007, 08:06 PM
Yer i saw spiffycorners but i only want it for 2 corners...

Want to hide these adverts? Register an account for free!