Як задати колір посилання
Відео: Як змінити колір посилання на блозі на wordpress (вордпресс) в таблиці стилів CSS
Зміст
Якщо браузер відвідувача веб-сайту не знаходить в коді сторінки ніяких вказівок на колірне оформлення гіперпосилань, то він використовує значення за замовчуванням. Ці значення: синій для посилань в пасивному стані, червоний для активних (при наведенні курсору) посилань і відтінок кольору magenta для посилань вже відвіданих. Така колірна схема не завжди поєднується з колірним рішенням дизайну сторінки, тому зазвичай в код включають блок описів стилю посилань.
1
Складіть набір інструкцій для браузера, який буде містити описи квітів посилання в трьох станах. Виглядати він може, наприклад, так: a: link {color: Red-}
a: visited {color: Yellow-}
a: hover {color: Orange-} Тут "a" на початку кожного рядка називається «селектором» і вказує тег, до якого браузер повинен застосовувати поміщене в фігурні дужки опису стилю. "A" - це і є тег гіперпосилання. Слово, доданий до селектора через двокрапку, називається «псевдоклас» - по ньому браузер визначає, до якого зі станів посилання відноситься стиль в фігурних дужках. link відповідає звичайній посиланню, visited - засланні вже відвідується, а hover - засланні в разі наведеного на неї курсорі. Кольори, присвоєні параметру color всередині фігурних дужок, можуть бути вказані як найменуванням відтінку кольору, так і його шістнадцятковим кодом.
a: visited {color: Yellow-}
a: hover {color: Orange-} Тут "a" на початку кожного рядка називається «селектором» і вказує тег, до якого браузер повинен застосовувати поміщене в фігурні дужки опису стилю. "A" - це і є тег гіперпосилання. Слово, доданий до селектора через двокрапку, називається «псевдоклас» - по ньому браузер визначає, до якого зі станів посилання відноситься стиль в фігурних дужках. link відповідає звичайній посиланню, visited - засланні вже відвідується, а hover - засланні в разі наведеного на неї курсорі. Кольори, присвоєні параметру color всередині фігурних дужок, можуть бути вказані як найменуванням відтінку кольору, так і його шістнадцятковим кодом.
2
Якщо треба задати різні кольори різним групам посилань на сторінці, то надайте кожній групі власне позначення ( «клас») і зробіть для кожного з них окремий опис стилів. Наприклад, назвіть одну групу LinksRed, а іншу - LinksGreen. Тоді опис стилів буде виглядати так: a.LinksRed: link {color: Red-}
a.LinksRed: visited {color: Yellow-}
a.LinksRed: hover {color: Orange-} a.LinksGreen: link {color: Green-}
a.LinksGreen: visited {color: DarkGreen-}
a.LinksGreen: hover {color: Lime-} А в тегах посилань кожної групи треба вказати до якого класу вони відносяться. Наприклад: Червона посилання
Зелена посилання
a.LinksRed: visited {color: Yellow-}
a.LinksRed: hover {color: Orange-} a.LinksGreen: link {color: Green-}
a.LinksGreen: visited {color: DarkGreen-}
a.LinksGreen: hover {color: Lime-} А в тегах посилань кожної групи треба вказати до якого класу вони відносяться. Наприклад: Червона посилання
Зелена посилання
3
Ці інструкції написані на мові CSS (Cascading Style Sheets - «Каскадні таблиці стилів»), тому їх треба помістити всередину тега style, що відокремлює їх від інших інструкцій у вихідному коді сторінки, написаних на мові HTML (HyperText Markup Language - «мова розмітки гіпертексту» ):
4
Помістіть підготовлений блок опису стилів посилань в заголовну частину вихідного коду сторінки - вона обмежена тегами і .
Поділися в соціальних мережах:
Схожі
- Як змінити колір панелі інструментів
- Як змінити шрифт посилання
- Як встановити посилання
- Як оформити посилання на джерело
- Як обмінюватися посиланнями
- Як розмістити посилання на сторінку
- Як і чим накручують тиц
- Як дізнатися кількість посилань на сайт
- Як набрати тиц
- Як робити посилання в рефераті
- Як поміняти колір посилань на сайті
- Як прибрати підкреслення посилань
- Як зробити гіперпосилання вконтакте
- Як розіслати посилання
- Як видалити інтернет-посилання
- Як оформляти посилання в рефераті
- Як безкоштовно розмістити посилання на сайтах
- Як розмістити посилання
- Як розмістити посилання на сайт
- Як додати сайт в друзі
- Як заборонити індексацію посилання