На радуге зависни или как сделать разноцветное меню

Разноцветное меню

Начнем без долгих предисловий.

Вам нужно разноцветное меню, и вы не хотите морочиться с кучей классов. Достаточно описать вот такую структуру в CSS:

#nav_top { margin:0; padding:0 0 0 0; list-style-type:none; text-align:left; margin:0; width:auto;display:block;}
#nav_top > li {float:left;position:relative; z-index:100; padding:0px 0 0px 0; }
#nav_top > li > a {display:block;padding:23px 19px 26px 19px;font:600 19px/20px Arial, Helvetica, sans-serif;font-family: 'Open Sans', sans-serif;color:#fff;text-decoration:none; text-transform:none;}
#nav_top > li:first-child > a {border-radius:6px 0 0 6px;}
#nav_top > li.parent > a { padding-right:19px;}
#nav_top > li > a { background:#ee2348;}
#nav_top > li + li > a { background:#fc6a0f;}
#nav_top > li + li + li > a { background:#ff41a0;}
#nav_top > li + li + li + li > a { background:#1ec67b;}
#nav_top > li + li + li + li + li > a { background:#4c96ed;}
#nav_top > li + li + li + li + li+li > a { background:#ee2348;}

Как видите Мы объявляем разные цвета для фона каждого пункт меню, так можно продолжать до бесконечности, ну или пока вам не надоест.

Оставить заявку

Как связаться?

Тел: +7-910-223-20-27
Email: info@groupbw.ru
skype: litvinov.d1