Цвет ссылки: html — Как у тега убрать визуальные эффекты?

Второй метод будет выглядеть так:

Примечание:
Цифры RGB указывают количество красного, зеленого и синего цветов с использованием значений от 0 до 255.Вы можете узнать больше о преобразовании между цветами RGB и шестнадцатеричными цветами здесь.

Теперь, поскольку ни один из двух методов не охватывает все браузеры, нам нужно использовать оба метода одновременно.

Этот пример будет работать во всех браузерах:

Последний пример интересен.Не только потому, что он будет работать во всех браузерах. Но даже больше, потому что он показывает общий подход к обеспечению безопасности ваших страниц в браузере.

Поскольку браузеры просто пропускают непонятную информацию, вы можете обойти различия браузеров, просто добавив разные настройки для нескольких браузеров.

Если вам нужны более продвинутые эффекты, перейдите в раздел о таблицах стилей.

Как цвет ссылки влияет на конверсию

Вы когда-нибудь задумывались, влияет ли цвет ссылки на конверсию и взаимодействие с вашим сайтом?

Как ваш резидент печальный поступок, у меня есть!

Ранее в этом месяце я посмотрел, лучше ли иметь боковую панель на тестируемом дизайне логотипа.

А как насчет цвета ссылки?

Цвет влияет на людей

Я не собираюсь утомлять вас тонкостями теории цвета, хотя это интересная тема.

Но посмотрите, как эти бренды применяют цвет.

Цвет может иметь огромное влияние на поведение и, как таковой, напрямую влияет на конверсию.

Это было видно, когда я изменил цвет кнопки, чтобы увеличить прибыль.

Как правило, призывы к действию должны выделяться на фоне остальной страницы.

Если у вас бело-синий дизайн, ваши призывы к действию должны быть красными, чтобы они привлекали внимание.

На что-то выделяющееся обращают внимание. Люди нажимают на то, что выделяется.

Розовые ссылки против красных ссылок против синего цвета ссылки

При настройке блога я изменил цвет ссылок на розовый, а заголовков — на синий.

Это было сделано для того, чтобы ссылки выделялись среди всего остального на странице, как я объяснил выше.

Итак, блог уже был в некоторой степени оптимизирован в этом отношении, но могу ли я продолжить?

Настройка теста

Я изменил цвет всех ссылок в содержимом сообщения блога, следуя инструкциям в этом сообщении.

Цвета ссылок на боковой панели и т. Д. Не изменились.

Было 3 возможности —

1. Розовый — это исходный цвет ссылки
2. Синий — это «классический» синий цвет ссылки, который мы обучены нажимать
3. Красный — это «по умолчанию» # ff0000 красный

Тест проходил с 31 мая по 12 июня, и в трех вариантах его посетили 7845 человек.

Результаты уже есть

Я решил посмотреть, как изменение цвета ссылок повлияло на ключевые показатели, такие как:

1. Показатель отказов
2. Продолжительность посещения
3. Страниц за посещение
4. Конверсия (подписка по электронной почте / партнерский клик / ресурс загрузок)

Я также решил сегментировать данные двумя способами —

1. Все посетители — Посмотрите на весь трафик, как новый, так и вернувшийся
2. Новые посетители — Только новые посетители — вероятно, что вернувшиеся посетители уже «обучены» пользоваться сайтом. Новые посетители демонстрируют «свежий» вид.

Вы можете нажать на любое из изображений ниже, чтобы получить полные версии.

Итак, прежде всего давайте посмотрим, как это повлияло на всех посетителей.

Все посетители

Показатель отказов, продолжительность посещения и количество страниц за посещение сначала —

А затем преобразование…

Давайте разберем его в формате таблицы, чтобы было легче читать, анализировать и сравнивать .

Синие ссылки показали самую длинную продолжительность посещения, самый низкий показатель отказов и самую высокую цель конверсии.

Похоже, Microsoft проделала большую работу по подсознательному обучению нас на протяжении многих лет классическому синему цвету ссылок.

Интересно, что красные ссылки работают довольно плохо, но больше всего выделяются на фоне сине-розовой темы сайта. Подробнее о том, почему это, позже.

Возможно, посетители, которые раньше не заходили на сайт, будут вести себя иначе.

Новые посетители

Показатель отказов, продолжительность посещения и количество страниц за посещение вначале —

А затем преобразование…

Давайте разберем его в табличном формате, чтобы было легче читать, анализировать и сравнивать .

Цвет ссылки	Страниц / посещение	Продолжительность посещения	Показатель отказов	Целевая конверсия
Розовый	2,23	00:03:45	53,13%	8
Синий	2,14	00:03:41	53,55%	8,85%
Красный	2,23	00:04:00	52,57%	9. 56%

Когда мы смотрим только на новых посетителей, все обстоит совсем иначе.

На этот раз красные ссылки являются лучшими с точки зрения продолжительности посещения, показателя отказов и достигнутой конверсии.

Розовые и синие ссылки работают примерно одинаково, а синие ссылки увеличиваются в достижении цели.

Но почему это произошло?

Заключение

Когда как новым, так и вернувшимся посетителям показывались красные ссылки, это оказывало негативное влияние по сравнению с розовыми ссылками.

Но когда только новым посетителям показывали красные ссылки, это оказало положительное влияние.

Но почему?

Вернувшиеся посетители

Я считаю, что это потому, что мои постоянные посетители —

1. Уже знакомы с сайтом
2. Уже знаком с оригинальным розовым цветом ссылки / брендом

Красные ссылки тоже были довольно уродливыми, и я почувствовал, что они снижали удобочитаемость, поэтому для моих преданных читателей это был «шаг назад».

Мои постоянные читатели уже «обучены» нажимать розовые ссылки —

Однако они не смогли преодолеть подсознательный синий цвет ссылок, который Microsoft приучила нас нажимать на протяжении многих лет.

Синий цвет текста ссылки на самом деле лучше вписался в брендинг сайта, чем красные ссылки, но при этом выделялся как четкий призыв к действию

Новые посетители

Новые посетители вели себя по-другому, потому что у них не было заранее заданной близости с сайтом и впервые увидели его свежим.

У них не было эталона дизайна или удобочитаемости, на который можно было бы опираться, как у вернувшихся посетителей.

В начале этого поста я сказал, что «точки конверсии должны выделяться как больной палец» , и красные ссылки определенно сделали это.

Они были откровенны и готовы отвлечься, но это не было шагом назад для новых посетителей, поскольку это был их первый шаг.

Так как же мне выбрать победителя цвета ссылки по умолчанию?

Можете ли вы переучить посетителей?

Основываясь на данных, логично показать новым посетителям ссылки красным цветом, а вернувшимся посетителям — синим цветом.

Но это не очень практично и в долгосрочной перспективе приведет к путанице пользователей.

Так что мне интересно….Можно ли перепрограммировать моих верных читателей, чтобы они проявили любовь к красным ссылкам?

Если бы я просто принудил вас к изменениям, у вас не было бы выбора, и со временем вас бы «переучили».

Вот что делают Facebook, когда хотят что-то изменить? Хотя на несколько дней это всегда идет вниз, как изношенный лифт.

Как вы думаете, какого цвета должны быть ссылки? Пожалуйста, ответьте в комментариях — это решает ваш отзыв!

Часто задаваемые вопросы

Какого цвета гиперссылки?
Классический цвет, который используется для гиперссылок, — синий (# 0000EE), но реально вы можете использовать любой цвет, который хотите, чтобы они выделялись.

Как изменить цвет гиперссылки в HTML?
Чтобы изменить цвет гиперссылки в HTML, перейдите в «Панель управления», нажмите «Внешний вид», а затем «Настроить». Найдите «Параметры темы» и «Цвет ссылки», а затем выберите цвет, на который хотите изменить гиперссылку.

Изменение цвета ссылки придаст вашему сайту новый вид.

Почему ссылки меняют цвет?
Ссылки меняют цвет при нажатии на них.

По умолчанию для ссылок используется синий или другой цвет, который вы можете выбрать.При нажатии на эту ссылку цвет ссылки по умолчанию меняется на фиолетовый.

Почему гиперссылки синие (и другие причудливые истории о происхождении из Интернета)

В апреле 1969 года началась работа над тем, что однажды станет Интернетом. В то время он был известен как ARPAnet и существовал для ученых из Агентства перспективных исследовательских проектов правительства США. Они планировали поделиться в Интернете научными статьями, комментариями и идеями, которые выглядели так:

Карта ВСЕГО Интернета около 1977 года.

Ага, вот и все.

Перенесемся в настоящее время, и Интернет есть везде и все. Трудно представить жизнь без него, даже если вы действительно помните жизнь без него. Легко понять, что известная нам сеть была создана провидцами, видевшими картину в целом.

На самом деле, некоторые из самых важных частей сети, по сути, только что появились. Другие были созданы для решения неотложных проблем с использованием имеющихся инструментов.

Путь к Google после совы из проекта World Wide Web не прямой.Но у него действительно есть некоторые увлекательные сведения о том, как наш онлайн-мир принял его нынешнюю форму. И если вы когда-либо измеряли поведение посетителей, оптимизировали веб-сайт, работали с командой, создавали контент или отправляли маркетинговое электронное письмо, многое из этого выглядит до жути знакомым.

Источник

1. Гиперссылки

Гиперссылки отображаются синим цветом по двум причинам, в зависимости от того, кому вы верите.

Некоторые люди укажут вам на самые ранние веб-браузеры, например Mosaic для Windows:

Источник

Синий выглядит как вариант по умолчанию. Фон уже серый, текст уже черный, а светлые цвета плохо отображаются на черно-белой цветовой схеме. Так что варианты были красный, синий и зеленый.

Вот где начинается теоретизирование.

Красный и зеленый обнаруживаются одними и теми же клетками глаза, и одна из наиболее распространенных форм дальтонизма — это дальтонизм на красный и зеленый цвета. От него страдают 7% мужчин и только 0,4% женщин, но это все еще один человек из 25 в целом. Поэтому имело смысл выбрать цвет, который мог бы видеть каждый, и не принимать его за черный.

Как объясняет Джо Кларк в своей книге Создание доступных веб-сайтов (2002):

Красный и зеленый — цвета, наиболее подверженные дефициту цветового зрения. Синего дефицита практически ни у кого нет. Соответственно, почти каждый может видеть синий цвет, или, точнее, почти каждый может отличить синий цвет от других.

В этом есть смысл: и именно по этой причине другие части сети синие — например, Facebook, который синий, потому что Марк Цукерберг дальтоник к красно-зеленому.

Итак, была встреча, на которой все люди DARPAnet и первые пионеры сети сидели за столом и обсуждали, какого цвета делать ссылки, и они выбрали синий из-за проблем с доступностью?

Если только.

Тим Бернерс-Ли помнит не так.

Тим Бернерс-Ли ответственен за изобретение Интернета больше, чем кто-либо в отдельности. А синие гиперссылки? Он даже не помнит, кто выбрал цвет.

«Нет причин, по которым следует использовать цвет или синий для обозначения ссылок: это просто значение по умолчанию», — сказал Бернерс-Ли в интервью Консорциума World Wide Web.«Я думаю, что в первом WWW-клиенте (WorldWideWeb, который я написал для NeXT) для обозначения ссылки использовалось только подчеркивание, поскольку это была дополнительная форма выделения, которая нечасто используется в реальных документах».

Это совпадает с тем, что вспоминает Тед Нельсон, тоже пионер в сети. В 1965 году, как он сказал Лэнсу Уланову из Mashable, «ссылки представляли собой видимые полосы между страницами», не более того, и не было вопроса, какого цвета сделать их, поскольку «цветных экранов не было на горизонте»

На самом деле, вспоминает Бернерс-Ли, «синий появился, когда браузеры стали цветными — я не помню, кто первым использовал синий… Я предполагаю, что синий — самый темный цвет и поэтому меньше всего угрожает читаемости.’

Значит, это даже не его выбор — и если бы он был, это был бы его второй выбор. «Я использовал зеленый, когда мог, в раннем дизайне WWW, для природы и потому, что он должен расслаблять».

(Если вы чувствуете то же самое, что и Тим, и предпочитаете зеленый или другой цвет вашим ссылкам, ознакомьтесь с этим руководством по изменению их цвета.)

2. СПАМ

Я считаю, что спам заслуживает ограничения. Средний взрослый теперь получает около 150 писем в день — сколько из них на самом деле является реальным общением, частью реального разговора, который вам действительно интересен и в котором вы участвуете?

А сколько просто вам в ухо орут о чепухе?

Источник

Тоже не всегда связно.

Славные дни странной темы, уклоняющейся от детекторов спама (Unl! Kel ¥ Médiç @ 7 Pr0c £ dure, кто-нибудь?), Возможно, остались позади. Но огромное количество незапрашиваемых, нежелательных сообщений — особая форма цифрового мусора во всех смыслах и целях — по-прежнему ежедневно попадает в средний почтовый ящик.

Итак, откуда исторически исходит спам?

Теперь существует семейство спама — неологизмы, позволяющие различать разные типы спама. Спам — это электронное письмо, которое вы не просили и не хотели.Фамспам — это то же самое, но от вашей семьи. Между тем, Bacn — это спам, который вы просили, но не хотите. (Предложение любезно предоставлено Buzz Canuck: Prosciutto, за спам, который вы не просили, но хотите.)

Спам — это глагол, существительное, наречие и прилагательное: вы можете спамить спамом с помощью спама. (Но не надо.)

Но с чего началась история со спамом?

Спам уходит корнями во времена ARPAnet. Он старше Интернета, старше браузеров, старше поисковых систем. Первое в истории спам-письмо было отправлено на каждый адрес в списке рассылки ARPAnet, рекламируя коммерческую презентацию для компьютера:

Источник

Отправленное примерно на 400 адресов электронной почты Гэри Тюрком, маркетологом Digital Equipment Corporation в 1978 году, это сообщение создало эффекты, которые кажутся очень знакомыми. Тюрк не считал себя спамером: «Я считаю себя отцом электронного маркетинга. Есть разница », — сказал он Computer World в 2007 году.« Электронный спам », как очаровательно его называет Тюрк, рассылается неквалифицированным получателям, которые не хотят ни сообщение, ни продукт, который он поддерживает. По его словам, сообщение Тюрка не могло быть спамом, потому что «мы продали компьютеры DEC на сумму 13 или 14 миллионов долларов».

Но помимо увеличения продаж, сообщение Тюрка вызвало отрицательный отклик: ежедневно стали поступать жалобы от раздраженных ARPAnetters, которые не хотели, чтобы их почтовые ящики были загромождены, особенно материалами, которые не имели прямого отношения к исследованиям для армии США.

Источник

пользователей ARPAnet возмущались тем, что их отвлекали от важных исследований, а не от проверки Facebook на работе или покупок кроссовок на eBay. Но помимо этого многое меняется…

3. Википедия

Бич профессоров колледжей, благо для людей, которые чего-то не знают, но хотели бы знать, и надежный источник ссылочного веса для маркетологов: Интернет кажется немыслимым без Википедии. Во-первых, первые выдачи будут выглядеть по-другому.

Джимми Уэльс и Ларри Сэнгфорд основали Википедию в 2001 году под тем, что Сэнгфорд считал «глупым названием для… очень глупого проекта». Название «вики» с «энциклопедией» для энциклопедии, написанной ее читателями.

«Важная часть вики — то, что отличает их от любого другого типа веб-сайтов — это совместное редактирование пользователями», — объясняет Зак ЛеБар.

В традиционных энциклопедиях сотрудники используют самую лучшую информацию из авторитетных источников, под наблюдением редакторов, которые являются экспертами в предметной области с многолетней карьерой или учеными степенями в своих предметах.Возможно, «[Энциклопедия] Britannica уже давно способствует активному взаимодействию между своими сотрудниками и советниками, участниками и аудиторией», но они не говорят о том, как Рик Кей взаимодействует с Джимми Уэйлсом.

Что делает Википедию интересной, так это то, что она работает, хотя там никто не работает (за исключением одного инженера-программиста), она точна (в целом), даже несмотря на то, что ее сотрудники официально не являются экспертами в данной области, она хорошо укомплектована, даже если она у него нет сотрудников, а его статьи редактируются настолько демократично, что викианцы просто не голосуют за статьи. Вместо этого идет диалог, который ищет «достаточно хорошего» консенсуса в соответствии с правилами Википедии.

Википедия работает над мешаниной социальных стилей. Большинства голосов недостаточно, чтобы изменить или удалить статьи. У некоторых пользователей голос громче, чем у других, но только до тех пор, пока они не используют его. Что наиболее важно, сочетание стилей работы и управления призвано облегчить выполнение задач: «Страсть сообщества к качеству работы, а не обязательно к процессу, который мы используем для ее создания», — сказал Уэльс аудитории TED. .

4. Linux

Linux — это операционная система, которая не могла бы существовать без Интернета. Его создатель Линус Торвальдс, американо-финский инженер-программист, написал исходные 10 000 строк кода для системы; в настоящее время он состоит из почти 22 миллионов строк кода, созданных и добавленных более чем 5000 людьми, представляющими почти 500 корпораций.

Источник

И невидимое, неслыханное, это повсюду. Вы почти наверняка используете его прямо сейчас: даже если вы читаете это на компьютере под управлением Windows или Mac (а не на устройстве Android или Chrome с производной версией Linux), вы, вероятно, подключаетесь к серверу Linux, чтобы увидеть его.Он также управляет некоторыми другими вещами, такими как фондовая биржа, Google, Facebook, Amazon, «и многое, многое другое», — говорит Джим Землин, исполнительный директор Linux Foundation.

Linux — это пример самого веб-строительства, вдохновитель для миллиона жарких разговоров о самосборке систем. Но что за этим стоит?

Нет ни одного.

«Я не провидец. У меня нет пятилетнего плана. Я инженер ». Торвальдс говорит, что вместо того, чтобы смотреть на облака, « я смотрю на землю и хочу заделать выбоину прямо передо мной, прежде чем я упаду в нее.Я такой человек ».

Linux вырос из возможности для тысяч людей по всему миру работать над чем-то, что устраняло их выбоины — и в то же время помогало другим исправлять их. Amazon, Facebook, eBay и другие сотрудничают, чтобы улучшить Linux, который затем используют для конкуренции друг с другом.

5. Блоги

Ведение блогов — одна из основных целей Интернета. Чтение и публикация блогов занимает довольно большую часть Интернета.Посмотрите, как выросла аудитория блогов с 2006 года:

Источник

И они также получают постоянный поток контента, который можно прочитать и посмотреть. Эти два изображения из World of Meters (фактически, из их блога) были сняты с интервалом в десять секунд:

Это много блогов. Можно с уверенностью сказать, это устоявшаяся вещь. Откуда это?

Первым блогом, который называл себя блогом, был Robot Wisdom, управляемый Йорном Баргером.По сути, он делился и курировал ссылки — он «регистрировал» Интернет, когда просматривал его, откуда и произошло слово «блог». В отличие от личного веб-сайта или домашней страницы, это была не столько визитная карточка или объект недвижимости, сколько участие в разговоре. Это совпадает с прошлым Барджера: хиппи из бывшей коммуны, к концу 80-х годов Йорн был наркоманом Usenet. Представьте себе простой текстовый форум. Это был Usenet, задолго до появления широкополосного доступа или даже доменных имен.

После падения с Usenet, Баргер поссорился с некоторыми Usenetters.Форум поклонников Кейт Буш был особым источником трений. (Да, действительно.) Итак, он искал место, где он мог бы писать, общаться и комментировать на своих условиях.

Он придумал веб-страницу, которая будет ссылаться — на другие страницы того же сайта или на другие сайты. Новые записи будут появляться вверху, поэтому прокрутка вниз означала перемещение назад во времени, и самый свежий контент всегда обслуживался первым.

Знакомо?

Источник

Но на самом деле это не выглядит и не работает, во многом как блоги, которые мы знаем сейчас.

Что сделало блоги настолько серьезной угрозой, что Forbes напечатал это:

Источник

… к нынешней ситуации, когда Forbes — один из миллионов бизнес-блогов?

Факторы, которые сделают блоги ключевым средством коммуникации нашего времени, уже проявились заранее. Но нововведение, которое имело значение, было основано на информации о поведении посетителей: задолго до того, как это стало модной фразой, внедрение блогов в качестве подхода к веб-публикациям было обусловлено данными.

Вот как это произошло. Такие журналы, как Wired , переместились в Интернет — когда вы помещаете Уильяма Гибсона на обложку, вы как бы должны реагировать, когда Neuromancer выглядит так, как будто это сбывается. Slate, Urban Desires и другие тоже были там. Но все они придерживались своего формата журнала. На первой странице рассказывалось, что находится внутри, а новый «выпуск» «публиковался» еженедельно или ежемесячно, все сразу.

Редакторы Suck , дерзкого сатирического сайта журнала, который также стал пионером использования гипертекста в качестве акцента или комментария, проанализировали журналы сервера Hotwired , веб-сайта журнала Wired , чтобы увидеть, как посетители ведут себя на сайте. .Они обнаружили, что люди заходили на сайт только тогда, когда было что-то новое. По мнению основателей редактора Карла Стедмана и Джоуи Ануффа, когда ограничения физического издательства исчезли, не было никаких причин не публиковаться постоянно, каждый будний день.

И после того, как они начали это делать, все остальные присоединились. Блог, каким мы его знаем, был полностью сформирован.

Заключение

Интернет, который мы узнали, на самом деле был собран на лету, часто людьми, которые пытались сделать что-то еще.Нет грандиозного плана. Вместо этого люди хотели, чтобы операционная система работала легко и быстро, или больше покупателей для своего компьютерного бизнеса, или место, где можно было бы поговорить о Кейт Буш, чтобы они это сделали. И сама сеть позволила этим вещам распространяться. Если хотите, можете начать разговор о самосборных системах сейчас.

003: Как изменить цвета ссылок в электронных письмах на ConvertKit? — София Оджа | Авторизованный тренер Squarespace

Вот что я покажу вам, как это сделать, в видео и пошаговом списке ниже.

Но сначала зачем менять цвета?

Теперь, когда вы можете добавить к своей работе фирменный стиль, это помогает создать ощущение преемственности. Это интересно, чему я научился в киношколе. По сути, непрерывность означает, что вы хотите, чтобы все выглядело одинаково от сцены к сцене.Допустим, есть сцена в ресторане, где девочка и мальчик встречаются впервые. Время суток утро. Когда вы делаете крупный план говорящей девушки, должно быть ощущение цельности. Другими словами, она не может быть одета в верхнюю одежду другого цвета, чем в первой сцене, освещение не может быть освещением полуденного солнца, люди, сидящие на столе на заднем плане, не могут внезапно превратиться в других людей.

Ну, для вашей аудитории тоже самое. Когда они приходят на ваш сайт и видят определенный вид, ваши электронные письма могут создать ощущение непрерывности, перенося некоторые элементы.Это создает чувство доверия и комфорта, зная, что вещи знакомы, когда вы общаетесь с ними через другой канал. Это вас убеждает? Я надеюсь на это, и теперь вот как это сделать.

Шаги для изменения ваших ссылок

Шаг 1: Убедитесь, что вы уже создали собственный шаблон электронной почты (по этому поводу скоро появится учебное пособие).

Шаг 2: Предполагая, что у вас уже есть собственный шаблон, все, что вам нужно, это этот фрагмент кода:

.содержание сообщения a {color: # 16bbb3; text-decoration: underline;}

Шаг 3: Замените шестнадцатеричный код # 16bbb3 на цвет, соответствующий вашему сайту.

# 16bbb3 — это шестнадцатеричный код, который дает бирюзовый / зеленый цвет. Поэтому, конечно, вам нужно будет заменить # 16bbb3 шестнадцатеричным кодом ваших ссылок на вашем веб-сайте.

Совет: Не знаете свой шестнадцатеричный код? используйте этот бесплатный инструмент, чтобы узнать, какого цвета конкретный шестнадцатеричный код, или этот бесплатный инструмент, чтобы узнать, какой шестнадцатеричный код вы используете в настоящее время на своем сайте.

Шаг 4: Протестируйте, щелкнув предварительный просмотр в своих электронных письмах. (Убедитесь, что выбран конкретный настраиваемый шаблон электронной почты).

Вот и все.

Если вы хотите сделать другие интересные вещи, например, удалить подчеркивание, задать другой цвет для текста и другой для подчеркивания или иметь две текстовые ссылки с двумя цветами, тогда посмотрите видео выше.

Подводя итог, в видео я показал вам все это:

— как изменить цвет ссылки в ваших электронных письмах

— как вы можете иметь два разных цвета для текста и для ссылки под ним.(Пример: оранжевый текст, но зеленый цвет подчеркивания)

— как удалить подчеркивание вместе И

— как иметь два разных цвета для фразы ссылки. Например: ссылка A оранжевого цвета, а ссылка B фиолетового цвета.

Хорошо. Вот и все. Сообщите в комментариях, какие уроки вам нужны.

Peace,

Sophia

PS: Также см. Этот связанный блог об удалении двойного подчеркивания:
https://www.sophiaojha.com/blog/037-how-to-remove-underline-from-links-in -convertkit

цветов · Bootstrap

Передайте смысл через цвет с помощью нескольких полезных классов цвета.Также включает поддержку стилизации ссылок с помощью состояний наведения.

Цвет

. Основной текст

.text-вторичный

.text-success

. Текст-опасность

. Текст-предупреждение

.text-info

. Текстовый свет

. Темный текст

. Без звука

. Текст-белый

  
 .text-primary 
 .text-secondary 
 .text-success 
. текст-опасность 
.текстовое предупреждение 
 .text-info 
 . text-light 
 .text-dark 
. текст без звука 
 .text-white 
  

Классы контекстного текста также хорошо работают с привязками с предоставленными состояниями наведения и фокуса. Обратите внимание, что классы .text-white и .text-muted не имеют стиля ссылки.

  
  Основная ссылка  
  Дополнительная ссылка  
  Ссылка на успех  
  Ссылка на опасность  
  Предупреждающая ссылка  
  Информационная ссылка  
  Легкая ссылка  
  Темная ссылка  
  Ссылка отключена  
  Белая ссылка  
  

Цвет фона

Подобно классам цвета контекстного текста, легко установить фон элемента для любого контекстного класса.Компоненты привязки будут темнеть при наведении курсора, как и классы текста. Фоновые утилиты не устанавливают цвет , поэтому в некоторых случаях вы захотите использовать утилиты .text- * .

.bg-primary

.bg-вторичный

.bg-success

.bg-опасность

.bg-warning

.bg-info

.bg-светлый

.bg-темный

.bg-белый

  
 .bg-primary 
.bg-вторичный 
 .bg-success 
 .bg-dangerous 
 .bg-warning 
 .bg-info 
 .bg-light 
 .bg-dark 
 .bg-white 
  

Фоновый градиент

Если для $ enable-gradient установлено значение true, вы сможете использовать служебные классы .bg-gradient- . По умолчанию $ enable-gradient отключено, а приведенный ниже пример намеренно нарушен. Это сделано для упрощения настройки с момента начала использования Bootstrap. Узнайте о наших опциях Sass для включения этих и других классов.

.bg-gradient-primary

.bg-gradient-вторичный

.bg-gradient-success

.bg-gradient-dangerous

.bg-gradient-warning

.bg-gradient-info

.bg-gradient-light

.bg-gradient-dark

  
 .bg-gradient-primary 
.bg-gradient-secondary 
 .bg-gradient-success 
 .bg-gradient-dangerous 
 .bg-gradient-warning 
 .bg-gradient-info 
 .bg-gradient-light 
 .bg-gradient-dark 
  

Работа со спецификой

Иногда контекстные классы не могут применяться из-за специфики другого селектора. В некоторых случаях достаточным обходным решением будет заключить содержимое вашего элемента в