Як змінити шрифт посилання
Зміна параметрів відображення посилань в html можна зробити з використанням каскадних таблиць стилів css. Вони дозволяють налаштувати відображення шрифту посилання, її колір до натискання користувачем на неї і після проведення кліка мишею. Також ви зможете змінити гарнітуру використовуваного шрифту і його розмір.
1
Для завдання параметрів посилань в css використовуються класи і псевдокласи. Псевдоклас a: link задає стиль для звичайного посилання, a: visited дає можливість налаштувати відображення вже використаної посилання. A: active обробляє параметри тега при натисканні курсором на елементі, а a: hover задає стиль посилання при наведенні на неї мишею. Ви також можете створювати будь-який клас для елемента самостійно, а в параметрах використовувати стандартні оператори для форматування тексту.
2
Для відключення відображення підкреслення тексту посилання в браузері використовується параметр text-decoration: none. Ви можете вказати даний атрибут як в класі, так і псевдокласів для елемента . Для зміни кольору посилання використовується параметр color, для розміру - стандартний атрибут font-size. Якщо ви хочете включити жирне накреслення шрифту або курсив, скористайтеся параметром font-weight.
3
Відкрийте ваш файл html за допомогою будь-якого текстового редактора, який ви використовуєте для редагування коду сторінки. Після цього перейдіть в розділ вашого документа і задайте код css майбутнім посиланнях на сторінці за допомогою дескриптора. наприклад:
зміна посилань
4
В даному коді проводиться видалення зі звичайної посилання лінії підкреслення, завдання розміру тексту в 14 пікселів, застосування жирного стилю накреслення і червоний колір елемента. Тепер будь-яке посилання в тезі буде відображатися в такому вигляді.
5
Ви можете задати стиль для кожної конкретної посилання, використовуючи класи css. Таким чином, якщо код в тезі матиме вигляд:
a.link1 {font-size: 20px; color: black-}
6
Ви зможете задати розмір 20 пікселів і чорний колір посиланням, скориставшись класом в тілі документа наступним чином:
З прикладу видно, що посиланням був привласнений створений крок назад клас коду css за допомогою вказівки атрибута class посилання . Тепер дана посилання буде відображатися в чорному кольорі і мати розмір в 20 пікселів. Щоб змінити цю атрибута поправте код css розділу lt; headgt; сторінки.
7
Зміна зовнішнього вигляду посилання завершено, ви можете зберегти зроблені зміни в файлі і запустити його для перегляду в браузері.
Статті за темою "Як змінити шрифт посилання"
Оцініть, будь ласка статтю