របៀបផ្លាស់ប្តូរតំណគូសបន្ទាត់ក្រោមនៅលើគេហទំព័រ

យកតំណគូសបន្ទាត់ក្រោមឬបង្កើតតំណដែលគូសបន្ទាត់ក្រោមឬគូសបន្ទាត់ក្រោម

តាមលំនាំដើម browsershave រចនាប័ទ្ម CSS ជាក់លាក់ដែលពួកគេអនុវត្តទៅធាតុ HTML ជាក់លាក់។ ប្រសិនបើអ្នកមិនសរសេរជាន់លើលំនាំដើមទាំងនេះជាមួយសន្លឹករចនាប័ទ្មផ្ទាល់ខ្លួនរបស់តំបន់បណ្តាញរបស់អ្នកនោះលំនាំដើមនឹងអនុវត្ត។ សម្រាប់តំណខ្ពស់រចនាប័ទ្មបង្ហាញលំនាំដើមគឺថាអត្ថបទដែលបានភ្ជាប់ណាមួយនឹងមានពណ៌ខៀវនិងគូសបន្ទាត់ក្រោម។ កម្មវិធីរុករកធ្វើដូច្នេះដើម្បីឱ្យភ្ញៀវទេសចររបស់តំបន់បណ្តាញអាចមើលឃើញអ្វីដែលអត្ថបទត្រូវបានភ្ជាប់យ៉ាងងាយស្រួល។ អ្នករចនាគេហទំព័រជាច្រើនមិនខ្វល់ចំពោះរចនាប័ទ្មលំនាំដើមទាំងនេះទេជាពិសេសអ្នកដែលបានគូសបញ្ជាក់។ អរគុណណាស់ CSS ធ្វើឱ្យវាមានភាពងាយស្រួលក្នុងការផ្លាស់ប្តូររូបរាងរបស់អ្នកដែលគូសបញ្ជាក់ឬយកវាចេញទាំងស្រុង។

យកការគូសបន្ទាត់ក្រោមចេញលើតំណអត្ថបទ

អត្ថបទដែលគូសបន្ទាត់ក្រោមអាចជាការពិបាកជាងមុនក្នុងការអានអត្ថបទដែលមិនគូសបន្ទាត់។ លើសពីនេះទៅទៀតអ្នករចនាជាច្រើនមិនខ្វល់ពីរូបសញ្ញាគូសបន្ទាត់ពីក្រោម។ ក្នុងករណីនេះអ្នកទំនងជាចង់ដកចេញគោលការណ៍ទាំងអស់នេះ។

ដើម្បីលុបបន្ទាត់ពីតំណភ្ជាប់អត្ថបទអ្នកនឹងប្រើការតុបតែងអត្ថបទ CSS ។ នេះជា CSS អ្នកនឹងសរសេរដើម្បីធ្វើដូចនេះ:

{text-decoration: none; }

ជាមួយបន្ទាត់មួយនៃ CSS អ្នកនឹងដកចេញគូសបន្ទាត់ពីតំណអត្ថបទទាំងអស់។ ទោះបីជានេះជារចនាប័ទ្មទូទៅបំផុត (វាប្រើឧបករណ៍ជ្រើសរើសធាតុ) វានៅតែមានភាពច្បាស់លាស់ជាងរចនាប័ទ្មកម្មវិធីរុករកលំនាំដើម។ ដោយសារតែរចនាប័ទ្មលំនាំដើមទាំងនោះគឺជាអ្វីដែលបង្កើតគូសបន្ទាត់ពីក្រោមដើម្បីចាប់ផ្តើមវាគឺជាអ្វីដែលអ្នកត្រូវការសរសេរជាន់លើ។

ការប្រុងប្រយ័ត្នលើការដោះគន្លឹះ

មើលឃើញការដកចេញពីការគូសបន្ទាត់ពីក្រៅអាចជាអ្វីដែលអ្នកចង់បានប៉ុន្តែអ្នកគួរតែប្រុងប្រយ័ត្ននៅពេលអ្នកធ្វើវាផងដែរ។ មិនថាអ្នកចូលចិត្តរូបរាងនៃតំណដែលបានគូសបញ្ជាក់ទេអ្នកមិនអាចជជែកវែកញែកថាវាបង្ហាញច្បាស់ថាតើអត្ថបទមួយណាដែលត្រូវបានភ្ជាប់និងដែលមិនមាន។ ប្រសិនបើអ្នកដកចេញបន្ទាត់ក្រោមឬផ្លាស់ប្តូរពណ៌តំណពណ៌ខៀវលំនាំដើមអ្នកគួរតែប្រាកដថាអ្នកជំនួសពួកវាជាមួយរចនាប័ទ្មដែលនៅតែអនុញ្ញាតឱ្យអត្ថបទដែលមានតំណភ្ជាប់លេចធ្លោ។ នេះនឹងធ្វើឱ្យមានបទពិសោធន៏វិចារណញាណសម្រាប់ភ្ញៀវទេសចរតំបន់បណ្តាញរបស់អ្នក។

កុំគូសបន្ទាត់ពីតំណភ្ជាប់នានា

ការប្រុងប្រយ័ត្នមួយទៀតលើតំណភ្ជាប់និងការគូសបញ្ជាក់កុំគូសបន្ទាត់ពីអត្ថបទដែលមិនមែនជាតំណភ្ជាប់មួយ។ មនុស្សបានរំពឹងថាអត្ថបទគូសបន្ទាត់ក្រោមត្រូវបានភ្ជាប់ដូច្នេះបើអ្នកបញ្ជ្រាបមាតិកាដើម្បីបន្ថែមការសង្កត់ធ្ងន់ (ជំនួសឱ្យការធ្វើឱ្យវាត្រូវបានដិតឬសរសេរទ្រេត) អ្នកផ្ញើសារខុសហើយនឹងបំភាន់អ្នកប្រើគេហទំព័រ។

ផ្លាស់ប្តូរគូសបន្ទាត់ក្រោមទៅចំណុចឬសញ្ញាដាច់ ៗ

ប្រសិនបើអ្នកចង់រក្សាការគូសបន្ទាត់តំណអត្ថបទរបស់អ្នកប៉ុន្តែផ្លាស់ប្តូររចនាប័ទ្មរបស់គូសបន្ទាត់ក្រោមពីរូបរាងលំនាំដើមដែលជាបន្ទាត់ "soldi" អ្នកក៏អាចធ្វើវាផងដែរ។ ជំនួសឱ្យខ្សែបន្ទាត់ដ៏រឹងមាំនោះអ្នកអាចប្រើចំណុចដើម្បីគូសបន្ទាត់ពីតំណរបស់អ្នក។ ដើម្បីធ្វើដូចនេះអ្នកនឹងនៅតែដកចេញបន្ទាត់ខាងក្រោមប៉ុន្តែអ្នកនឹងជំនួសវាដោយលក្ខណៈរចនាប័ទ្មស៊ុមខាងក្រោម:

{text-decoration: none; បាតខាងក្រោម: 1px dotted; }

ដោយសារតែអ្នកបានដកចេញពីស្ដង់ដារដែលគូសបន្ទាត់ពីក្រោមចំណុចចំនុចមួយគឺជាចំណុចតែមួយគត់ដែលបង្ហាញ។

អ្នកអាចធ្វើដូចគ្នានេះដែរដើម្បីទទួលបានបន្ទាត់ដាច់ ៗ ។ គ្រាន់តែផ្លាស់ប្តូររចនាប័ទ្មស៊ុមបាតទៅដាច់:

{text-decoration: none; border-bottom: 1px dashed; }

ផ្លាស់ប្តូរពណ៌គូសបន្ទាត់ក្រោម

វិធីមួយទៀតដើម្បីគូរយកចិត្តទុកដាក់ចំពោះតំណភ្ជាប់របស់អ្នកគឺដើម្បីផ្លាស់ប្តូរពណ៌នៃការគូសបញ្ជាក់។ គ្រាន់តែប្រាកដថាពណ៌នឹងត្រូវជាមួយនឹង ពណ៌ចម្រុះ របស់អ្នក។

{text-decoration: none; ស៊ុមបាត: 1px ក្រហមតាន់; }

គូសបន្ទាត់ពីក្រោម

ល្បិចដើម្បីប្រើបន្ទាត់គូសបន្ទាត់ពីរគឺថាអ្នកត្រូវតែផ្លាស់ប្តូរទទឹងនៃស៊ុម។ ប្រសិនបើអ្នកបង្កើតស៊ុមទទឹង 1px អ្នកនឹងបញ្ចប់ជាមួយបន្ទាត់គូសពីរដែលមើលទៅដូចជាបន្ទាត់ក្រោម។

{text-decoration: none; ស៊ុមបាត: 3px double; }

អ្នកក៏អាចប្រើគូសបន្ទាត់ក្រោមដែលមានស្រាប់ដើម្បីបង្កើតគូសបន្ទាត់ពីក្រោមជាមួយលក្ខណៈពិសេសផ្សេងទៀតដូចជាបន្ទាត់មួយត្រូវបានចង្អុល:

{border-bottom: 1px double; }

កុំភ្លេចភ្ជាប់រដ្ឋ

អ្នកអាចបន្ថែមរចនាប័ទ្មស៊ុមខាងក្រោមទៅតំណរបស់អ្នកនៅតាមស្ថានភាពផ្សេងៗដូចជា: ដាក់ព្រួញសកម្មឬ: បានទៅកាន់។ នេះអាចបង្កើតបទពិសោធរចនាប័ទ្ម "rollover" ដ៏ស្រស់ស្អាតសម្រាប់ភ្ញៀវទេសចរនៅពេលអ្នកប្រើថាសពពួក "សន្សំ" ។ ដើម្បីធ្វើឱ្យចំណុចគូសបន្ទាត់ពីក្រោយលេចឡើងនៅពេលអ្នកដាក់លើតំណ:

{text-decoration: none; } a: hover {border-bottom: 1px dotted; }

អត្ថបទដើមរបស់នាង Jennifer Krynin ។ កែសម្រួលដោយលោក Jeremy Girard