Ein Border-Radius in CSS3 vergeben.

2. Juni 2010

0 Nützlich?

CSS3 findet immer mehr Wege ins geliebte WWW. Hier ein kleiner Vorgeschmack auf die neue Funktion Border-Radius. Leider zeigen ältere Browser welche CSS3 nicht unterstützen dieses nicht an.

Dies 4 Zeilen einfach der ID oder der Class hinzufügen.

border: 1px solid #acdd70;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;

Das -webkit steht für Browser wie Safari & Google Chrome welche die Webkit Engenie nutzen. Das -moz steht für Broweser wie den z.B. den FireFox.

Über den Autor:

Christian Jung, ich bin Geschäftsführer der JungCreative UG und kümmere mich seit 10 Jahren um die Realisierung von Onlineprojekten und bin als Designer und Programmierer tätig.

Der Artikel oder das Tutorial waren hilfreich und hat Ihnen die Arbeit erleichtert? Dann schreiben Sie uns doch einen kleinen Kommentar mit Ihrer Erfahrung oder Verbesserung. Vielen Dank.

Hilfreich? Spendieren Sie uns einen Kaffee? (1€ spende)

Kommentare

xt:Commerce Templates, xt:Commerce Unikate, xt:Commerce Anpassungen, xt:Commerce Lösungen, xt:Commerce Module, xtc:Modified, xtc:Modified Templates, xtc:Modified Realisierung, xt:Commerce Community Edition, Veyton, Oxid CE, PrestaShop, xt:Commerce CE, SEVENart,Gambio, Gambio GX, Gambio GX2 Templates,onlineshop kalkar, redaxo, xtcommerce, xtcommerce kalkar, xtcommerce templates, xtcommerce templates kalkar

Willkommen bei JungCreative Brands+Design+Web