Um eine Dropdown-Schaltfläche in CSS zu erstellen, benötigen Sie auch HTML und möglicherweise JavaScript, um die Interaktivität zu steuern. Hier ist ein einfacher Weg, wie Sie eine Dropdown-Schaltfläche erstellen können:
HTML:
```html
CSS:
```css
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
min-width: 160px;
z-index: 1;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown:hover .dropdown-content {
display: block;
}
```
In diesem Code erstellt der HTML-Teil eine Schaltfläche und eine Liste von Links (die als Dropdown-Items dienen). Der CSS-Code positioniert diese Links unterhalb der Schaltfläche und verbirgt sie, bis der Benutzer mit der Maus über die Schaltfläche fährt (das wird durch die letzte CSS-Regel gesteuert). Dann werden die Dropdown-Items sichtbar.
Bitte beachten Sie, dass dies das grundlegende Verhalten einer Dropdown-Schaltfläche abbildet, und Sie müssen es ggf. an Ihre genaue Anforderungen anpassen.
