[html]<div class="danger">
<p><strong>Опасно!</strong> Some text...</p>
</div>
<div class="sovet">
<p><strong>Совет!</strong> Some text...</p>
</div>
<div class="info">
<p><strong>Инфо!</strong> Some text...</p>
</div>
<div class="ups">
<p><strong>Упс!</strong> Some text...</p>
</div>
<style>
.danger {
background-color: #ffdddd;
border-left: 6px solid #f44336;
}
.sovet {
background-color: #00FF7F;
border-left: 6px solid #f44336;
}
.info {
background-color: #B0E0E6;
border-left: 6px solid #f44336;
}
.ups {
background-color: #F0E68C;
border-left: 6px solid #f44336;
}</style>[/html]
Шаг 1) добавить HTML:
Код:
<div class="danger"> <p><strong>Опасно!</strong> Some text...</p> </div> <div class="sovet"> <p><strong>Совет!</strong> Some text...</p> </div> <div class="info"> <p><strong>Инфо!</strong> Some text...</p> </div> <div class="ups"> <p><strong>Упс!</strong> Some text...</p> </div>
Шаг 2) добавить CSS:
Код:
.danger {
background-color: #ffdddd;
border-left: 6px solid #f44336;
}
.sovet {
background-color: #00FF7F;
border-left: 6px solid #f44336;
}
.info {
background-color: #B0E0E6;
border-left: 6px solid #f44336;
}
.ups {
background-color: #F0E68C;
border-left: 6px solid #f44336;
}
- Подпись автора