Панель навігації 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 — це стиль для всіх станів посилання.
#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 — це стиль для всіх станів посилання.
#link_bar a:link – це стиль звичайного посилання.
#link_bar a: visited – це стиль відвіданого посилання.
#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 без будь-яких обмежень.
Advertising