Rundade hörn - CSS3

Att få rundade hörn har tidigare varit en h-lvetes procedur.

CSS3 to the rescue!!

Släng in följande kod i din style-sheet så kommer du att få jämna rundade hörn i neder kanterna av din div (självklart så blir det i överkanten om du ändrar 'bottom' till 'top');

-moz-border-radius-bottomleft: 10px;

border-bottom-left-radius:10px;

-moz-border-radius-bottomright: 10px;

border-bottom-right-radius:10px;

(OBS. Explorer är ju lite som den är och CSS3, och detta, fungerar tidigast i IE 9)

Centrera din sida

Centrera din sida med hjälp av DIV-taggar.
Skriv in koden margin: 0px auto; i css filen under wrapper id, dvs den div taggen som du använder för att omsluta alla andra taggar.


Style.css

#wrapper {
margin: 0px auto;
}


Piece of cake! ;D