Style message d'erreur css

.reponse { margin-bottom: 1.5em; padding: 1em; border: 2px solid; }
.error { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.notice { background: #fff6bf; color: #514721; border-color: #ffd324; }
.success { background: #e6efc2; color: #264409; border-color: #c6d880; }
.info { background: #d5edf8; color: #205791; border-color: #92cae4; }

Source: romy.tetue.net

Style message d'erreur css

<div class="reponse">Exemple de message de réponse.</div>
<div class="reponse error">Oooops ! Exemple de message d'erreur.</div>
<div class="reponse notice">Attention ! Exemple de message d'alerte.</div>
<div class="reponse success">Bravo ! Exemple de message de succès.</div>
<div class="reponse info">Exemple de message d'information.</div>

Source: romy.tetue.net

Similar codes

0 vote313 views1 answer
Nth-of-type(2):before
CSS
0 vote332 views1 answer
Css ie11 only
CSS
0 vote325 views1 answer
How to use * in html
CSS
2 votes309 views2 answers
Ng-multiselect-dropdown custom css
CSS
0 vote323 views1 answer
Como botar um separador display flex quebra de linha
CSS
0 vote373 views1 answer
Can I use placeholder in <input type="time"/>
CSS
0 vote320 views1 answer
Prevent text from going to next line css
CSS
0 vote330 views1 answer
How to add dotted line after and before text in css
CSS
-1 vote286 views1 answer
How to do text center of select element
CSS
0 vote319 views1 answer
Background affter layer css
CSS