Menü mit geschwungenem Rand

[Vaganos]

Hallo, ich möchte mein Menü mit einem geschwungenem Rand erstellen. Es soll so sein wie auf dem Bild.
Wie bekomme ich das hin?
https://abload.de/img/menuu0jov.png

 

[Dudlhofer]

Im CSS mit der border-radius Eigenschaft.

 

[Vaganos]

Danke das dachte ich mir schon. Aber wie ist der Code um gensu das zu erreichen?

 

[Dudlhofer]

Am einfachsten ist es, die Seite mit dem Menü mit den Web-Developer-Tools im Browser (Taste F12, bzw. rechte Maustaste und "Element untersuchen" im Firefox, "Untersuchen..." im Chrome, etc.) zu analysieren und den Style abzukupfern.

 

[owieortho]

Ein Beispiel findest Du hier:
https://www.paperthin.com/widget-gallery/widget-demos/horizontal-tabs-widget-demo.cfm
Die Ausführung unter "Curved Folders / Centered" kommt Deinen Vorstellungen sehr nah. Dann gehst Du weiter so vor, wie es Dudlhofer beschrieben hat.

O.