Вот пример того, как сделать простое сообщение в CSS:
HTML:
<div class="message">
<p>Ваше сообщение здесь</p>
</div>
CSS:
.message {
background-color: #f2f2f2;
border: 1px solid #ccc;
padding: 10px;
margin: 10px 0;
}
.message p {
margin: 0;
font-size: 16px;
font-weight: bold;
}
Этот код создает блок сообщения с фоновым цветом #f2f2f2, обводкой толщиной 1 пиксель и цветом #ccc, внутренним отступом (padding) 10 пикселей и верхним и нижним внешним отступом (margin) 10 пикселей. Также добавляем стили для текста внутри сообщения: нулевой отступ сверху и снизу и жирный шрифт размера 16 пикселей.
Это только пример, и вы можете настроить стили сообщения на свой вкус: добавить различные эффекты, изменить цвета, шрифты, отступы и т.д.