Esempio di div con pulsante di chiusura

I pulsanti di chiusura, chiamati anche pulsanti di annullamento, possono essere utilizzati per chiudere elementi su un sito Web come menu, modali e popup.

1. Chiudi Pulsante CSS 1: Tempi

È possibile creare un pulsante di chiusura utilizzando il simbolo times().

Codice HTML

Codice CSS

Risultato

2. Chiudi pulsante CSS 2: Plus

Puoi anche creare un pulsante di chiusura utilizzando il simbolo più().

Dovrai ruotare il segno più in modo che assomigli a un pulsante di annullamento.

Codice HTML

Codice CSS

Risultato

3. Pulsante di chiusura CSS 3

È anche possibile utilizzare un'immagine SVG di un pulsante di annullamento per il pulsante di chiusura.

Risultato

HTML

4. Pulsante Chiudi CSS 4

È anche possibile creare uno stile bulma pulsante di chiusura.

Risultato HTML

CSS

5

. Pulsante di chiusura CSS 5: Prima e Dopo

È inoltre possibile creare un pulsante di chiusura utilizzando gli elementi Pseudo in CSS.

Codice HTML

Codice CSS

Risultato

6. Puoi

anche creare un pulsante di chiusura sul tuo sito web utilizzando Bootstrap.

Ricordati

di importare Bootstrap sul tuo sito web prima di tentare di aggiungere il pulsante.

Risultato

abbonarsi