Home HOWTO 'n' CONF TIPS 'n TRICKS Runde hjørner med CSS
Runde hjørner med CSS PDF Print E-mail
Sunday, 15 November 2009 15:50
CSS

Cascading Style Sheets, det er vejen frem (er der nogen der siger) :D

Jeg elsker den dynamik som CSS giver, og har altid såvidt muligt brugt CSS/layers til min styling. Nu er CSS 3 godt igang ved at blive udviklet, og jeg ser frem til mange af punkterne heribland runde hjørner. Man kan dog allerede i dag godt bruge det i nogen browserer, jeg ved at nyeste version af Safari og Firefox understøtter hver sit CSS tag som kan give runde hjørner.

/* Safari: */
-webkit-border-radius: 4px;

/* Firefox (mozilla): */
-moz-border-radius: 4px;

Sitet her er selvfølgelig også opbygget via CSS (Joomla kan dog godt tage lidt af kontrollen og bruge inline styling, desværre), derfor var det ret simpelt for mig at indføre runde hjørner de steder jeg ønskede det :)

Hurra for CSS...

Comments (0)

Last Updated on Sunday, 15 November 2009 16:14