уебмастър на сайта

За да създадете лентата, ние се нуждаем само h2 маркер. За производството на лентата ние използваме псевдо-елемента: преди и: след това.
За прости групи могат да използват CSS, за да се намали броят на качените изображения в браузъра на потребителя.
Лентата ще бъде показана в цялата си красота само в съвременните браузъри, които поддържат CSS3. При по-старите браузъри ще бъде прост ивица, която се простира отвъд страниците на сайта.
Структурата е много проста. Текстът, сключено през таг

Тя ще се появи под формата на лента:

? 200 '200px': '' + (this.scrollHeight + 5) + 'пиксела ");">

Лента на CSS3

Ефектът на лентата е обратно в мода. За да създадете лентата, ние само трябва да маркирате

използването на

Този елемент на дизайна може да се използва за фон на менюто, горни и други части.

Доводи за и против

За прости ленти е възможно да се използват CSS, за да се намали броят на качените изображения в браузъра на потребителя.
Лентата ще бъде показана в съвременните браузъри, които поддържат CSS3.

? 200 '200px': '' + (this.scrollHeight + 5) + 'пиксела ");"> .ribbon<
ширина: 70%;
подложка: 55 пкс;
марж: 0 автомобил;
фон-цвят: #fff;
граница: 1px твърдо вещество # 333;
граничен радиус: 6 пиксела;
-WebKit-граничен радиус: 6 пиксела;
-Моз гранично-радиус: 6 пиксела;>

h2 <
позиция: относителна;
ширина: 50%;
шрифта: 1.5em;
шрифт тегло: удебелен шрифт;
подложка: 6px 20px 6px 70 пиксела;
марж: 30px 10px 10px -75px;
цвят: # 000000;
фон-цвят: # B14444;
текстови сянка: 0px 1px 2px #bbb;
-WebKit-бокс-сянка: 0px 2px 4px # 888;
-Моз кутия-сянка: 0px 2px 4px # 888;
кутия сянка: 0px 2px 4px # 888;>

h2: след <
съдържание: "";
позиции: абсолютен;
ширина: 0;
височина: 0;
лява: 0px;
горната: 100%;
гранично-ширина: 10px 5px;
граница в стил: твърда;
граничен цвят: # 666 # 666 прозрачен прозрачен;>

h2: преди <
съдържание: "";
позиции: абсолютен;
ширина: 30px;
височина: 0;
лява: -30px;
отгоре: 12px;
гранично-ширина: 20px 10px;
граница в стил: твърда;
гранично-цвят: # B14444 # B14444 # B14444 прозрачен;>

фон-цвят: # B14444; - цвят лента
гранично-цвят: # B14444 # B14444 # B14444 прозрачен; - цветът на сгънатия секция. Цветът трябва да съвпада с цвета на основната част от лентата.

Размерът и цветът създаде себе си.