Как написать css стиль для текста

Здравствуйте дорогие друзья! Сегодня хотел бы вам показать как сделать обводку для текста с помощью css.

Если вы хотите оригинально выделиться среди блогеров и выделить особо важный текст , то тогда читайте пост до конца.

Результат после применения: Теперь давайте по шагам разберемся что нужно сделать:

1) Вставить этот код в самый низ вашего CSS стиля

.obvodka {
margin:3px 10px; padding:12px 5px 12px 0px; border:1px solid #E1E1E1; background: #F1F1F1  no-repeat; background-position: 5px 3px; border-radius:8px; min-height:30px;width:400px; font-size:15px;
}

CSS класс для текста готов и им вполне можно пользоваться
Для того чтобы это сделать, при написании статьи переключитесь в Html вид.

Теперь определитесь с тем что какой текст будете выделять и перед ним добавьте:

<div class="obvodka">
Теперь после текста добавьте следующее:
</div>
Пример того что я привел выше:

<div class="obvodka">Вот как будет выглядеть текст</div>

В стиле вы можете изменять высоту и ширину обводки , радиус закругления,фон итд.

В общем экспериментируйте.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *