body{  
font-family:Arial, Helvetica, sans-serif;  
font-size:13px;  
}  
.info, .success, .warning, .error, .validation {  
border: 1px solid;  
margin: 10px 0px;  
padding:15px 10px 15px 50px;  
background-repeat: no-repeat;  
background-position: 10px center;  
}  
.info {  
color: #00529B;  
background-color: #BDE5F8;  
background-image: url('info.png');  
}  
.success {  
color: #4F8A10;  
background-color: #DFF2BF;  
background-image:url('success.png');  
}  
.warning {  
color: #9F6000;  
background-color: #FEEFB3;  
background-image: url('warning.png');  
}  
.error {  
color: #D8000C;  
background-color: #FFBABA;  
background-image: url('error.png');  
}  
.validation {  
color: #D63301;  
background-color: #FFCCBA;  
background-image: url('validation.png');  
}

<DIV class="info">Информирующее сообщение</DIV> <BR>  
<DIV class="success">Сообщение об успешной операции</DIV> <BR>  
<DIV class="warning">Предупреждающее сообщение</DIV> <BR>  
<DIV class="error">Сообщение об ошибке</DIV> <BR>  
<DIV class="validation">Сообщение ратификации</DIV><P>