CSS навигационна лента - хоризонтална и вертикална.
CSS код:
<style>
#h_nav_bar a {
padding:15px; font-weight:bold; float:left; }
#h_nav_bar a:link { color:#d0d0d0;
background-color:#0000a0; }
#h_nav_bar a:visited { color:#c0c0c0;
background-color:#0000a0; }
#h_nav_bar a:hover { color:#ffffff;
background-color:#000060; }
#h_nav_bar a:active { color:#f0f0f0;
background-color:#00ff00; }
</style>
HTML код:
<div id="h_nav_bar">
<a
href="html-anchor-link.htm">Anchor link</a>
<a
href="html-link-color.htm">Link color</a>
<a
href="../mailto.htm">Email link</a>
<a
href="html-image-link.htm">Image link</a>
<a
href="html-text-link.htm">Text link</a>
</div>
Преглед:
#link_bar a е стилът за всички състояния на връзката.
#link_bar a:link е стилът на обикновената връзка.
#link_bar a: visited е стилът на посетената връзка.
#link_bar a:hover е стилът на връзката с курсора на мишката.
#link_bar a: активен е стилът на връзката при натискане с мишката.
CSS код:
<style>
#v_nav_bar a {
padding:15px; font-weight:bold; display:block; width:120px; }
#v_nav_bar a:link { color:#d0d0d0;
background-color:#0000a0; }
#v_nav_bar a:visited { color:#c0c0c0;
background-color:#0000a0; }
#v_nav_bar a:hover { color:#ffffff;
background-color:#000060; }
#v_nav_bar a:active { color:#f0f0f0;
background-color:#00ff00; }
</style>
HTML код:
<div id="v_nav_bar">
<a
href="html-anchor-link.htm">Anchor link</a>
<a
href="html-link-color.htm">Link color</a>
<a
href="../mailto.htm">Email link</a>
<a
href="html-image-link.htm">Image link</a>
<a
href="html-text-link.htm">Text link</a>
</div>
Преглед:
#link_bar a е стилът за всички състояния на връзката.
#link_bar a:link е стилът на обикновената връзка.
#link_bar a: visited е стилът на посетената връзка.
#link_bar a:hover е стилът на връзката с курсора на мишката.
#link_bar a: активен е стилът на връзката при натискане с мишката.
Нашият инструмент за CSS навигационна лента позволява на потребителите да използват CSS навигационна лента. Някои от забележителните функции на тази помощна програма са обяснени по-долу.
Удобният за потребителя интерфейс на нашия CSS инструмент за навигационна лента ви осигурява лесното незабавно извършване на това преобразуване. Вече не е необходимо да придобивате умения за програмиране за CSS навигационната лента поради простотата на този инструмент.
Не е необходимо да преминавате през никакъв процес на регистрация, за да използвате навигационната лента на CSS. С помощта на тази помощна програма можете да използвате CSS инструмента за навигационна лента толкова пъти, колкото искате безплатно.
Тази CSS навигационна лента може да бъде достъпна от всяко кътче на света. Не е нужно да се притеснявате за съвместимостта на този онлайн инструмент, тъй като можете да използвате CSS навигационната лента с него от всяко устройство. Всичко, от което се нуждаете, е интернет връзка за достъп и използване на този инструмент за лента за навигация на CSS.
Лентата за навигация на CSS ви позволява да изпълните същата задача веднага. Няма да бъдете помолени да следвате ръчни процедури, тъй като неговите автоматизирани алгоритми ще свършат работата вместо вас.
Инструментът CSS Navigation Bar работи перфектно на всички операционни системи. Независимо дали имате Mac, iOS, Android, Windows или Linux устройство, можете лесно да използвате тази онлайн помощна програма, без да се сблъсквате с никакви проблеми.
Не е необходимо да преминавате през никакъв процес на регистрация, за да използвате този инструмент за CSS навигационна лента. Можете да използвате тази помощна програма безплатно и да правите неограничена лента за навигация на CSS без никакви ограничения.
Advertising