Как сделать сообщение в css

Вот пример того, как сделать простое сообщение в 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 пикселей.

Это только пример, и вы можете настроить стили сообщения на свой вкус: добавить различные эффекты, изменить цвета, шрифты, отступы и т.д.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как сделать сообщение в css

Наш специалист свяжется с вами в ближайшее время и уточнит детали