Об авторе
Приветствую вас дорогие друзья!Меня зовут Иван Водопьянов и я являюсь автором данного блога. Здесь вы найдете все необходимое для создания вашего сайта,а также различные дополнения и конечно же авторские методики развития собственного инфо-бизнеса.Кликайте,изучайте,применяйте!
25 января 2013 Автор: Водопьянов Иван
Здравствуйте дорогие друзья! Сегодня хотел бы вам показать как сделать обводку для текста с помощью 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 вид.
Теперь определитесь с тем что какой текст будете выделять и перед ним добавьте:
Теперь после текста добавьте следующее:
Пример того что я привел выше:
Вот как будет выглядеть текст
В стиле вы можете изменять высоту и ширину обводки , радиус закругления,фон итд.
В общем экспериментируйте.