Как изменить размер и цвет ссылки на почтовый ящик

Vad-vvv · 22.04.2017

Здравствуйте! Подскажите пожалуйста,как при написании html кода ссылки на почтовый ящик изменить размер и цвет отображаемого текста

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Адрес почты</title> </head> <body> <p><a href="mailto:vlad@htmlbook.ru">Задавайте вопросы по электронной почте</a></p> </body> </html>

Катха · 22.04.2017

Точно так же, как и для всего другого, например:

Код:

<p style="font-size: 25px"><a style="color: red" href="mailto:vlad@htmlbook.ru">Задавайте вопросы по электронной почте</a></p>

BaNru · 23.04.2017

Выше предложенное лучше объединить

<a style="color: red;font-size: 25px" href="mailto:vlad@htmlbook.ru">Задавайте вопросы по электронной почте</a>

ибо незачем в разных местах открывать стили.

Этот код подойдёт новичку и для разового изменения стилей элементу.

Но правильно будет вынести стили в файл стилей

https://jsfiddle.net/BaNru/9txsbk3h/
Использовал спец.селектор
Другие интересные селекторы

Vad-vvv · 23.04.2017

BaNru сказал(а):
Выше предложенное лучше объединить

<a style="color: red;font-size: 25px" href="mailto:vlad@htmlbook.ru">Задавайте вопросы по электронной почте</a>

ибо незачем в разных местах открывать стили.

Этот код подойдёт новичку и для разового изменения стилей элементу.

Но правильно будет вынести стили в файл стилей
https://jsfiddle.net/BaNru/9txsbk3h/
Использовал спец.селектор
Другие интересные селекторы

Спасибо,я только начинаю все это осваивать

BaNru · 23.04.2017

Поэтому я и оставил так много ссылок. Читайте и изучайте.

Vad-vvv · 23.04.2017

BaNru сказал(а):
Поэтому я и оставил так много ссылок. Читайте и изучайте.

Подскажите пожалуйста,еще один вопрос: как сделать,чтобы отображалось без нижнего подчеркивания?
<a style="color: red;font-size: 25px" href="mailto:vlad@htmlbook.ru">Задавайте вопросы по электронной почте</a>

Катха · 23.04.2017

Всё это элементы вёрстки. Эти элементы имеют свойства. В вашем случает элемент - это тег <a>, который имеет свойство text-decoration по умолчанию значение underline. Чтобы отменить подчёркивание укажите значение none:
<a style="color: red;font-size: 25px; text-decoration: none " ...

Это и всё другое можно узнать, например тут

Как изменить размер и цвет ссылки на почтовый ящик

Vad-vvv

Новичок

Катха

Active Member

BaNru

Пацифизжу

Vad-vvv

Новичок

BaNru

Пацифизжу

Vad-vvv

Новичок

Катха

Active Member

Онлайн статистика

Статистика форума

Новые пользователи

Поделиться этой страницей