BOOTSTRAP CSS Classe SUCCESS

Ecco il codice HTML:

Ben fatto!

Si può osservare che il colore verde è stato applicato con successo all'elemento di paragrafo:

Ora, aggiungiamo un po 'di CSS per modellare il "" avere un "retto" classe.

Stile Classe "Rect"

.rect
Background-color: RGB (197, 232, 195);
larghezza: 200px;
Altezza: 60px;
raggio di confine: 15px;
Bordo: 1px Solid RGB (191, 226, 166);
Box-shadow: 1px 1px 1px 1px grigio;

Le seguenti proprietà discusse sono applicate alla classe "retto":

• "colore di sfondo"Cambia il colore di sfondo dell'elemento.
• "larghezza" E "altezza"Sono utilizzati per impostare l'area dell'elemento.
• "raggio di confine"La proprietà dà ai bordi dell'elemento un aspetto arrotondato.
• "confine"Aggiunge il bordo attorno a tutti i bordi dell'elemento.
• "Box-Shadow"Aggiunge un effetto ombra all'elemento.

Elemento "P" di stile

L'elemento di paragrafo è disegnato come segue:

.rect p
Font-size: 25px;
spaziatura del carattere: .2em;

Qui:

• "dimensione del font"Regola la dimensione del carattere.
• "spaziatura del carattere"Viene utilizzato per aggiungere spazi tra le lettere.

Produzione

Ecco come puoi usare il bootstrap "SUCCESSIONE DEL TESTO"Classe nel tuo sito Web o app Web.

Conclusione

Per rappresentare il messaggio di successo nella nostra applicazione, il bootstrap "SUCCESSIONE DEL TESTO"La classe è utilizzata. Questa classe fornisce al testo il "#28A745"Colore (verde brillante). Per utilizzarlo, aggiungi il "SUCCESSIONE DEL TESTO"Classe per l'elemento HTML a cui si desidera aggiungere il colore verde. Questo articolo ha spiegato la classe Bootstrap "Succe di testo" con l'aiuto di esempi.