Стили бегущей строки | WAVIFUN.RU

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

На данном ресурсе вы сможете обучиться основам создания сайтов. Здесь вы сможете найти статьи о том как создавать макеты сайтов в программе Photoshop, также научитесь верстать сайты и устанавливать их на Wordpress .

Стили бегущей строки

Стили бегущей строки

Привет, это небольшое дополнение к статье «Как сделать бегущую строку самому». В этой статье мы рассматривали процесс создания бегущей строки на чистом html. Здесь же мы рассмотрим стили бегущей строки.

Для того чтобы применить стили к бегущей строке, необходимо, для начала, задать класс или идентификатор тегу «marquee».

<marquee class="text">...</marquee>

После того, как мы задали класс, можно добавлять стили бегущей строке.

<marquee class="text">Стили бегущей строки</marquee>
<style>
.text {
background: #000;/*Черный фон*/
color:yellow; /*Цвет текста - жёлтый*/
font-weight:bold;/*Цвет текста - жирный*/
font-family: 'Arial'; /*Шрифт - Arial*/
/*и так далее*/
}
</style> 

Пример

Стили бегущей строки