Панель навигации 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_bar a: посетил стиль посещенной ссылки.
#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_bar a: посетил стиль посещенной ссылки.
#link_bar a:hover — это стиль ссылки, наводимой мышью.
#link_bar a: активен стиль ссылки при нажатии мышью.
Наш инструмент панели навигации CSS позволяет пользователям использовать панель навигации CSS.Ниже описаны некоторые важные особенности этой утилиты.
Удобный интерфейс нашего инструмента панели навигации CSS позволяет легко выполнить это преобразование мгновенно.Вам больше не нужно приобретать навыки программирования для панели навигации CSS из-за простоты этого инструмента.
Вам не нужно проходить какой-либо процесс регистрации, чтобы использовать панель навигации CSS.Используя эту утилиту, вы можете использовать CSS Navigation Bar Tool сколько угодно раз бесплатно.
К этой панели навигации CSS можно получить доступ из любого уголка мира.Вам не нужно беспокоиться о совместимости этого онлайн-инструмента, так как вы можете использовать панель навигации CSS с любого устройства.Все, что вам нужно, это подключение к Интернету для доступа и использования этого инструмента панели навигации CSS.
Панель навигации CSS позволяет сразу выполнить ту же задачу.Вас не попросят следовать ручным процедурам, так как автоматические алгоритмы сделают всю работу за вас.
Инструмент панели навигации CSS отлично работает во всех операционных системах.Если у вас есть устройство Mac, iOS, Android, Windows или Linux, вы можете легко использовать эту онлайн-утилиту без каких-либо проблем.
Вам не нужно проходить какой-либо процесс регистрации, чтобы использовать этот инструмент панели навигации CSS.Вы можете использовать эту утилиту бесплатно и создавать неограниченную панель навигации CSS без каких-либо ограничений.