header

Как выделить текст

Выделяем текст и привлекаем читателя.

Приветствую Вас, дорогие друзья!

Сегодня мы с вами рассмотрим такой интересный вопрос. Как выделить текст? Все мы веб-мастера на своих блогах и сайтах пишем статьи, и иногда нам просто необходимо обратить внимание наших читателей на какой-то очень важный фрагмент текста. Что нужно делать?

Как выделить текст цветом?

Очень многие веб-мастера не долго думая, сразу же устанавливают разные плагины. А как вы знаете, и я уже неоднократно писал, что каждый установленный новый плагин очень сильно замедляет загрузку нашего сайта или блога, утяжеляет его.

 

Поэтому я всегда всем рекомендую, прежде чем ставить какой-то плагин, хорошенько подумайте, а вам это надо. Сейчас существует очень много разных плагинов чтобы выделить слово в тексте . Это такие плагины как WP-Note, WP-special-textboxes и многие другие.

 

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

 

В текстовом, еще раз хочу подчеркнуть в текстовом режиме мы должны вставить в нашу запись html код.

 

нажимаем на текст

 

<div style=»border: 2px solid #aa0000; background: #F8E4DF; padding:
15px; border-radius: 9px; font-size: 12px; font-family: Arial;»>ваш текст</div>

 

Нажимаем на картинку,и смотрим.

 

вставляем код

 

 

И в итоге мы получаем:

 

результат

 

Каким цветом выделить текст? Мне многие задают этот вопрос.

Читайте также  Как сделать картинку текстом

 

Все эти параметры вы можете сами изменить на свой вкус.
1.Ширину а также и цвета рамки- border: 3px solid #F8E4DF
2.радиус закругления-border-radius: 10px
3.размер самого шрифта- font-size: 14px
4.стили шрифтов- font-family: Ferdana
5.цвет фона самой рамки- background: #F8E4DF

 

Вы наверно заметили,что в коде у меня стоят одни данные, а ниже где я описываю, что можно заменить- другие. Вот так произвольно и меняем под свет своего блога, или на свой вкус.Я думаю что теперь  у вас не возникнут ни какие сложности чтобы выделить текст цветом. Теперь вы знаете как и каким цветом выделить текст.

Рейтинг
( 1 оценка, среднее 5 из 5 )
Вам понравилась статья? Буду очень благодарен Вам если поделитесь ею в социальных сетях - просто нажмите на кнопки ниже:
Добавить комментарий