Выдаліць спасылку Падкрэслівае або Стварыць пункцірныя пункцірныя або спасылкі з падвойным падкрэсленнем
Па змаўчанні вэб-browsershave пэўныя стылі CSS, што яны ставяцца да канкрэтных HTML-элементаў. Калі вы не перазапісаць гэтыя значэння з уласнымі табліцамі стыляў вашага сайта, то па змаўчанні будзе прымяняцца. Для гіперспасылка, стыль адлюстравання па змаўчанні з'яўляецца тое, што любы звязаным тэкст будзе сінім, а underlined.The браўзэр робіць гэта так, што наведвальнікі сайта могуць лёгка ўбачыць, што тэкст звязаны. Многія вэб-дызайнеры не клапоцяцца для гэтых стыляў па змаўчанні, асабліва тыя, падкрэсліванне. На шчасце, CSS дазваляе лёгка змяніць знешні выгляд гэта падкрэслення або цалкам выдаліць іх.
Выдаленне Падкрэсліванне на Тэкставыя спасылкі
Падкрэслены тэкст можа быць больш складаным, каб прачытаць, што, не падкрэслены тэкст. Акрамя таго, многія дызайнеры проста не цікавіць знешні выгляд падкрэсленых тэкставых спасылак. У гэтых выпадках, вы, верагодна, хочаце, каб выдаліць гэтыя падкрэсліванне наогул.
Для таго, каб выдаліць падкрэсліванне з тэкставых спасылак, вы будзеце выкарыстоўваць CSS ўласцівасць тэкст-ўпрыгожванне. Вось CSS можна было б напісаць, каб зрабіць гэта:
а {тэкст-аздабленне: няма; }
З гэтай адной радком CSS, вы павінны выдаліць падкрэсліванне ўсіх тэкставых спасылак. Нягледзячы на тое, што гэта вельмі агульны стыль (ён выкарыстоўвае селектар элемента), яна па-ранейшаму мае больш канкрэтыкі, чым браўзэры па змаўчанні стылі робяць. Паколькі гэтыя стылі па змаўчанні гэта тое, што стварае падкрэсліванне, каб пачаць з таго, што гэта тое, што вам трэба перазапісаць.
Перасцярога па выдаленні падкрэслення
Візуальна, выдаленне падкрэслення можа быць менавіта тое, што вы хочаце дасягнуць, але вы павінны быць асцярожныя, калі вы робіце гэта, як добра. Незалежна ад таго, як вы знешні выгляд падкрэсленых спасылак ці не, вы не можаце сцвярджаць, што яны робяць гэта відавочным, які тэкст звязаны і які не з'яўляецца. Калі прыбраць падкрэсліванне або змяніць гэта па змаўчанні сіняга колеру спасылак, вы павінны пераканацца, што вы заменіце іх са стылямі, якія ўсё яшчэ дазваляюць звязаны тэкст, каб вылучыцца. Гэта зробіць для больш інтуітыўнага вопыту для наведвальнікаў вашага сайта.
Ня падкрэслівайце Non-Links
Яшчэ перасцярога пра сувязі і падкрэсьліваньнем, ня падкрэсліванне тэксту, які не з'яўляецца спасылкай, як спосаб падкрэсліць гэта. Людзі прывыклі чакаць падкрэслены тэкст, які будзе спасылка, так што калі вы падкрэсліць ўтрыманне для таго, каб дадаць акцэнт (замест таго, каб зрабіць яго паўтлустым або курсівам яго), вы няслушна вытлумачаны і заблытаць карыстальнікаў сайта.
Зменіце падкрэсліванне кропак ці рыскі
Калі вы хочаце захаваць тэкставую спасылку які падкрэслівае, але змяніць стыль гэтага падкрэслення ад погляду па змаўчанні, які з'яўляецца «Soldi» лініяй, вы можаце зрабіць гэта таксама. Замест гэтага суцэльнай лініі, вы можаце выкарыстоўваць пункту, каб падкрэсліць вашыя спасылкі. Каб зрабіць гэта, вы ўсё роўна выдаліць падкрэсліванне, але вы будзеце замяніць яго ўласцівасць стылю мяжы дна:
а {тэкст-аздабленне: няма; мяжа дна: 1px пункцір; }Так як вы выдалілі стандартны падкрэсліванне, пункцірнай адзін адзіны, які з'яўляецца.
Вы можаце зрабіць тое ж самае, каб атрымаць злучок. Проста зменіце мяжы дна стылю ў пункцірным:
а {тэкст-аздабленне: няма; мяжа дна: 1px пункцірнай; }Змяніць колер падкрэслення
Іншы спосаб прыцягнуць увагу да вашых спасылках, каб змяніць колер падкрэслення. Проста пераканайцеся , што колер адпавядае вашай каляровай гаме .
а {тэкст-аздабленне: няма; мяжа дна: 1px цвёрды чырвоны; }падвойныя падкрэслівае
Трук з выкарыстаннем падвойнага падкрэслення, што вы павінны змяніць шырыню мяжы. Калі вы ствараеце 1px шырокі мяжы, вы ў канчатковым выніку з падвойным падкрэсленнем, які выглядае як адзін падкрэсленнем.
а {тэкст-аздабленне: няма; мяжа дна: 3px двайны; }Вы можаце таксама выкарыстоўваць існае падкрэсліванне, каб зрабіць падвойнае падкрэсліванне з іншымі функцыямі, напрыклад, адна з ліній быць пункцірам:
а {мяжы дно: 1px падвойнага; }Don & # 39; т Забудзьцеся аб Link дзяржавы
Вы можаце дадаць мяжы дна стыль вашых спасылак у розных станах, такіх як: парыць ,: актыўныя, альбо: наведалі. Гэта можа стварыць добры «перакульванне» вопыт стылю для наведвальнікаў, калі вы выкарыстоўваеце, што «парыць» псеўда клас. Для таго, каб зрабіць другое пункцірнай падкрэсліванне з'яўляецца пры навядзенні курсора на спасылку:
а {тэкст-аздабленне: няма; } А: {лунання мяжы знізу: 1px пункцірнай; }Арыгінал артыкула Джэніфер Krynin. Пад рэдакцыяй Джэрэмі Girard