filmov
tv
Уроки HTML, CSS Как выделить текст

Показать описание
Привет друзья! Сегодня мы с вами пройдем, как сделать так, чтобы ваш текст выделялся из общего текста. То есть, когда вы, например, помечайте какие-то важные моменты у вас в тексте другим фоном - это очень удобно, для того чтобы, сделать акцент внимания пользователя на вашу основную мысль текста. Конечно, нельзя этим злоупотреблять, иначе весь ваш текст станет пестрым - и создаст посетителю вашего сайта неудобство в его чтении. 😊
Для этого можно воспользоваться простым тегом span и установить свойство background в определенный цвет. В видео мы использовали например желтый, красный и синий. Если при применении фона текст начинает на нем плохо читаться, то нужно еще поменять цвет текста, например на белый, или на контрастный к тому фону на котором находится ваш текст.
1) Урок на сайте Wiseplat:
✔ -------------
********************************
Если Вам понравилась публикация, подписывайтесь на канал!
Ставьте лайки, тогда будем еще писать такой контент :)
Если есть вопросы или пожелания, то пишите, в комментариях.
********************************
- Уроки от #OlegShpagin 👨🏼💻
Хештеги #урокиhtml #урокиcss #программирование #html #html5 #css
Для этого можно воспользоваться простым тегом span и установить свойство background в определенный цвет. В видео мы использовали например желтый, красный и синий. Если при применении фона текст начинает на нем плохо читаться, то нужно еще поменять цвет текста, например на белый, или на контрастный к тому фону на котором находится ваш текст.
1) Урок на сайте Wiseplat:
✔ -------------
********************************
Если Вам понравилась публикация, подписывайтесь на канал!
Ставьте лайки, тогда будем еще писать такой контент :)
Если есть вопросы или пожелания, то пишите, в комментариях.
********************************
- Уроки от #OlegShpagin 👨🏼💻
Хештеги #урокиhtml #урокиcss #программирование #html #html5 #css