Когда мы просматриваем множество веб-сайтов, мы видим, что на некоторых веб-сайтах, когда ваша мышь перемещается по тексту на панели навигации, вы чувствуете, что слова перемещаются, или цвет шрифта меняется, или
появляется надстрочная линия. Посмотрите на меня. Вы понимаете влияние панели навигации на мой блог. Сегодня Сан Шао расскажет вам, как этого добиться.
На самом деле это очень просто, на самом деле это реализовано с помощью CSS, следуйте моим шагам: «Поехали!»
1. Войдите в управление личным порталом, выберите настройки личного портала, затем выберите выбор шаблона, выберите пользовательский CSS для входа.
2. Вы видели какой-нибудь CSS-код? Найдите следующий код:
body {
margin-top: 0px;
поле справа: авто;
поле внизу: 0 пикселей;
поле слева: авто;
ширина: 956 пикселей;
цвет фона: #336666;
размер шрифта: 12 пикселей;
цвет: #666666;
}#navi_bar a:link {
/*Цвет текста панели навигации*/
}#navi_bar a:visited {}
Хорошо, следующие ключевые шаги:
добавьте после этого следующий код:
#navi_bar a:hover{color:#000000; font-weight:bold;text-decoration:blink;background:#FF0000;font-size:18px}
#navi_bar a{display:block}
Описание кода: 1. color представляет цвет слова при перемещении мыши, а text-decoration представляет эффект изменения текста. Можно выбрать следующие атрибуты (нет означает, что
гиперссылка
не имеет подчеркивания, подчеркивание имеет подчеркивание). подчеркивание и надчеркивание добавляют к тексту гиперссылку.Измените значение на сквозное, чтобы добавить линию к тексту с гиперссылкой, и мигайте, чтобы текст
мигал
). Фон указывает цвет, когда на него наводится курсор мыши.Font-size представляет размер шрифта. Если вы хотите сделать панель навигации динамической, размер шрифта здесь
больше, чем шрифт в navi_bar a:link. Размер шрифта в определении CSS составляет 14 пикселей, поэтому нам нужно выбрать. шрифт размером более 14 пикселей.
2.navi_bar a{display:block} означает, что цвет заполняет всю таблицу, в противном случае можно заполнить только текст.