Hallo,
ich habe vor kurzem angefangen, mich mit HTML und CSS zu beschäftigen. Als erstes habe ich mir ein Tutorial angesehen, in dem HTML und der allgemeine Aufbau erklärt wurden. Dann gab es einen Übergang zu den CSS-Grundlagen. Ich habe nun gelernt, wie man eine externe Datei in die HTML-Datei einbindet. Daraufhin kam eine Übung, in der man mithilfe des Tutorials einen Button erstellen sollte. Da ging anfangs auch alles gut, aber als es dann zum Schatten kam, traten die ersten Probleme auf. Eigentlich sollte ein Schatten unterhalb des Buttons erscheinen, aber selbst wenn ich den Code 1:1 so eingebe, wie der Typ in dem Video, erscheint bei meinem Button kein Schatten. Ich habe folgenden Code genutzt:
html { text-align:center;
}
button {
margin-top: 100px;
padding: 10px 30px;
color: #FFF;
background-color: #db5757;
box-shadow: 0px 17px 10px 7px rgba(0, 0, 0, 0,4);
border: solid 3px #db5757;
border-radius: 5px;
font-size: 30px;
}Habe ich etwas falsch gemacht? Selbst wenn ich die Werte beim Schatten verdoppele, wird unter meinem Button kein Schatten angezeigt. Könnt ihr mir bitte weiterhelfen?
Vielen Dank! Ich wäre da vermutlich nie drauf gekommen.