Html выделить текст цветом (фон), рамкой

Иногда нужно выделить фрагменты или какие-то блоки текста рамкой, цветом, сделать цветной фон, как, например, на рисунке.

Сделать такую рамку с цветным фоном просто. Не надо даже залезать в стили CSS.

В текстовом режиме вставьте в запись (пост) следующий html код.

ваш текст

Все параметры можете изменить по своему вкусу.

• Ширина и цвет рамки border: 2px solid #aa0000
• размер шрифта font-size: 12px
• стиль шрифта font-family: Arial
• цвет фона background: #F8E4DF

Чтобы подобрать цвет рамки и цвет фона, наиболее подходящие к дизайну вашего сайта:

• Откройте свой сайт.
• Наведите курсор на элемент, который надо изменить.
• Правая кнопка мыши, Просмотр кода элемента (в Google Chrome), или Исследовать элемент (в Mozilla Firefox), или Проинспектировать элемент (в Opera). Далее во всех этих браузерах действия аналогичны.

Появляется окно в нижней части экрана. Просматриваемый элемент в нем подсвечен.

Нажмите на квадратик COLOR и выберите наиболее подходящий вам цвет. Скопируйте цифровое обозначение цвета и вставьте его в html код (цвет рамки или цвет фона).

Готово, вы получили выделение текста цветом (цветной фон) и цветной рамкой.