Css Menü

[27style]

Guten Abend Forum Mitglieder ,

Ich habe versucht gerade mich in css einzuarbeiten.
Nun habe ich ein Menü gesehen und wollte es nachmachen.



Ist die Abrundung an den Seiten mit css möglich ?

 

[randacek_pro]

AW: Css Menü

Welche Abrundung meinst du?
Die runden Enden der einzelnen Menü-Punkte, oder der "Bogen" den dieses Menü macht (also dieser "Schwung")?

Diese runden Enden lassen sich über die Eigenschaft border-radius definieren.

Vielleicht nicht ganz die Lehr-Seite, aber mal eine schöne Live-Demo mit Code: http://border-radius.com/

Grüße

Nachtrag:
hab mal die Seite ergooglet, von der der Screenshot stammt
Dort ist es allerdings nicht mit reinem CSS gelöst worden, sondern mit einem Hintergrund-Bild.

 

[27style]

AW: Css Menü

Die runden Enden der einzelnen Menü-Punkte, oder der "Bogen" den dieses Menü macht (also dieser "Schwung")?

Ich meine den Bogen.

 

[randacek_pro]

AW: Css Menü

Da waren wir fast zeitgleich

Also in dem Fall dort ist der Bogen mit einem Background-Bild gemacht.
Man kann komplexe Formen aber seit HTML5 und CSS3 auch ohne eingebundene Bilder erzeugen.

 

[27style]

AW: Css Menü

Danke für die Antwort.
Ist es denn besser mit Code zu lösen oder spielt das keine Rolle ?

 

[cythux]

AW: Css Menü

von der Ladezeit einer Webseite ist die Code Varianter vorzuziehen, deswegen hatte ich auch gestern gemeint dich darin zu vertiefen

 

[27style]

AW: Css Menü

Könnt ihr mir ein bespielcode für das Bogen Menü geben ?

 

[cythux]

AW: Css Menü

 

[27style]

AW: Css Menü

Dankeschön