Hallo,

ich wollte mal fragen, wie auf der folgenden Webseite die Schaltflächen 1-9 gemacht wurden. Zuerst dachte ich, dass das Bilder wären. Mir ist nicht ganz klar wie die Ecken rund werden und wie die Schaltflächen ein Schatten werfen, wenn es keine Bilder sind:
https://www.regionalstatistik.de/gen...scookies=false

das geht mit:

box-shadow: 0 0 0.5rem #a5a5a5;
border-radius: 0.25rem;

Wird von browsern mittlerweile seit gut 10 Jahren (oder sind es noch mehr? ) unterstützt.

10 Jahre kommt ungefähr hin. ( Meint jedenfalls: https://caniuse.com/?search=border-radius )

Um verschiedene Werte auszuprobieren, nutze ich immer noch gerne den hier: http://css3generator.com

Die zusätzlichen Prefix-Ergänzungen ( -moz-... -ms-... usw.) braucht es heutzutage meistens nicht mehr. Im Zweifel mal bei "Can I Use" nachschauen, wie die verschiedenen Browser-Versionen es unterstützen.

Vielen Dank,

ich muss zu meiner Rechtfertigung sagen, dass ich nur ab und zu was im Webbereich mache.

Ich habe jetzt Standard submit Button geändert.
Aber der Standard Button für Formular hat noch irgendwie so einen Rand.
Wie bekomme ich den weg und welche css-Elemente hat der Standard Button? Wo könnte man so was herausfinden?

-edit-
Ich habs einfach mit border weggemacht, aber wo kann man sehen, welche CSS-Elemente standardmäßig so ein Objekt hat.

Rechtsklick im Browser und "Untersuchen / Inspect / ..:" auswählen (Bzw. F12 drücken)

Damit siehst du für jedes Element jederzeit welche Styles es hat und kannst sie auch direkt im Browser bearbeiten.