සබැඳිය වෙනස් කරන්නේ කෙසේද වෙබ් අඩවියේ සදහන් වේ

සබැඳිය ඉවත් කරන්න හෝ ඉරිතලා දැමූ හෝ ද්වි-අවධාරිත සබැඳි නිර්මාණය කරයි

පෙරනිමියෙන්, වෙබ් බ්රව්සර්වල විශේෂිත HTML මූලද්රව්ය සඳහා ඒවා අදාළ වන CSS මෝස්තර තිබේ. ඔබ විසින් ඔබේ වෙබ් අඩවියේ තිබෙන ශෛල පත්ර සමඟ මෙම පෙරනිමි නොගැලපේ නම්, පෙරනිමිය භාවිතා කරනු ඇත. හයිපර්ලොක් සඳහා, ප්රකෘති දර්ශක විලාසය යනු ඕනෑම සම්බන්ධිත පෙළක් නිල් සහ අවධාරණය කෙරෙනු ඇත. බ්රවුසරය එසේ කරන්නේ වෙබ් අඩවියේ අමුත්තන් සබැඳි පාඨය පහසුවෙන් සබැඳිය හැකි බවය. බොහෝ වෙබ් නිර්මාණකරුවන් මෙම සුපුරුදු විලාසයන් ගැන සැලකිල්ලක් නොදක්වයි. ස්තුතිවන්තව, CSS විසින් පෙනෙන අයගේ පෙනුම වෙනස් කිරීම හෝ ඒවා සම්පූර්ණයෙන්ම ඉවත් කිරීම පහසුය.

පෙළ සබැඳි මත යටින් ඉවත් කිරීම

යටින් නොතිබූ අකුරු කියවීම සඳහා යටින් ආවරණ පාඨය වඩාත් අභියෝගාත්මක විය හැකිය. මීට අමතරව, බොහෝ මෝස්තරකරුවන්ට යටින් ඉරි ඇඳ ඇති සබැඳි පෙනුම ගැන සැලකිලිමත් නැත. මෙම අවස්ථාවන්හිදී, මෙම කරුණු මුලුමනින් ම යටින් ඉවත් කිරීමට ඔබට අවශ්ය වනු ඇත.

පෙළ සබැඳි වලින් අවධාරණය ඉවත් කිරීම සඳහා, ඔබ CSS දේපල පෙළ-සැරසිලි භාවිතා කරනු ඇත. මෙන්න ඔබ විසින් ලියනු ලබන CSS මෙන්න:

{පෙළ-අලංකාරය: කිසිවක් නැත; }}

CSS එක රේඛාව සමඟ, ඔබ සියලු පෙළ සබැඳි වලින් යටින් ඉවත් කිරීම ඉවත් කරනු ඇත. මෙය සාමාන්ය ආකෘතියක් (එය මූලද්රව්ය තේරීමේ තේරුමක් භාවිතා කරයි) වුවද එය පෙරනිමි වෙබ් බ්රවුසරයේ විලාසිතාවන්ට වඩා සුවිශේෂී වේ. මෙම පෙරනිමි විලාසනය ආරම්භ කිරීම සඳහා අවධාරණය කරනුයේ එම නිසා, ඔබට එය අවලංගු කිරීම අවශ්ය වේ.

ඉවත් කිරීමේ අවවාදය

දෘශ්යමය වශයෙන් යටි ඉරි ඇඳීම ඉවත් කිරීමට ඔබට අවශ්ය දේ හරියටම විය හැකිය, නමුත් ඔබ මෙය සිදු කරන විට ඔබ ප්රවේශම් සහගත විය යුතුය. ඔබ අවධාරණය කරන ලද සබැඳි පෙනුමට ඔබ කැමතිද නැතත්, ඒවාට සබැඳි කවරක් හා සම්බන්ධ නොවන බව ඔවුන් තර්ක කළ නොහැකිය. ඔබ පැහැර ගන්නවා නම් හෝ පෙරනිමි නිල් පාට වර්ණය වෙනස් කර ඇත්නම්, ඔබට සබැඳි පෙළ ඉඩදීමට ඉඩ සලසන විලාසයන් ඔවුන් වෙනුවට ඒවාට මාරු කළ යුතුය. මෙය ඔබේ වෙබ් අඩවියේ අමුත්තන් සඳහා වඩා හොඳ අත්දැකීමක් ලබා දෙනු ඇත.

සබැඳි නොවන බව අවධාරණය නොකරන්න

සබැඳි සම්බන්ධ තවත් අවවාදයක් සහ අවධාරණය කිරීම, එය අවධාරණය කිරීමේ මාර්ගයක් ලෙස සබැඳියක් නොවන බව අවධාරණය නොකරන්න. අවධාරණය කරන ලද පාඨය සබැඳියක් බවට පත් කිරීමට මිනිසුන් පැමිණ ඇති අතර, එබැවින් අවධාරණය එකතු කිරීම සඳහා අන්තර්ගතය අවධාරණය කරන්නේ නම් (එය නිර්භීතව හෝ ඇල අකුරු කිරීම වෙනුවට එය), ඔබ වැරදි පණිවුඩය යවන අතර වෙබ් අඩවි පරිශීලකයින් ව්යාකූල කරනු ඇත.

තිත් හෝ ඩැෂි දක්වා උඩුගත කරන්න

ඔබ ඔබේ පෙළ සබැඳිය අවධාරණය කිරීමට අවශ්ය නම්, නමුත් "සාමාන්ය" පෙනුමෙන්, "සිලී" පේළියක පෙරනිමි පෙනුමේ ස්තරය වෙනස් කරන්න, ඔබට මෙය කළ හැකිය. එම ස්ථිර රේඛාව වෙනුවට ඔබට ඔබේ සබැඳි අවධාරණය කිරීමට තිත් භාවිතා කළ හැකිය. මෙය සිදු කිරීම සඳහා, ඔබ තවමත් අවධාරණය ඉවත් කරනු ඇත, නමුත් ඔබ එය මායිම්-පහළ පන්නයේ දේපල සමඟ ප්රතිස්ථාපනය කරනු ඇත:

{පෙළ-අලංකාරය: කිසිවක් නැත; මායිම්-පහළ: 1px තිත්; }}

ඔබ සම්මත පුවරුව ඉවත් කර ඇති බැවින්, තිත් කොටුව දර්ශනය වන එකම එක වේ.

ඔබට ඩැෂ් ලබා ගැනීමට එකම දේ කළ හැකිය. මිටි-පහළ පතුලේ ස්ලයිඩය කපා දමන්න:

{පෙළ-අලංකාරය: කිසිවක් නැත; මායිම්-පහළ: 1px ඉරිතලා; }}

Underline වර්ණය වෙනස් කරන්න

ඔබගේ සබැඳි කෙරෙහි අවධානය යොමු කිරීමට තවත් ක්රමයක් වන්නේ යටි තලයෙහි වර්ණය වෙනස් කිරීමයි. වර්ණය ඔබේ වර්ණ පටය සමඟ ගැලපෙන බවට වග බලා ගන්න.

{පෙළ-අලංකාරය: කිසිවක් නැත; මායිම්-පහළ: 1px solid red; }}

ද්විත්ව අවධාරණය කරයි

ද්විත්ව අවධාරණය භාවිතා කිරීමට උපක්රම වන්නේ ඔබ මායිමේ පළල වෙනස් කළ යුතු බවයි. ඔබ 1px පළල මායිමක් නිර්මාණය කර ඇත්නම්, ඔබට එක් යටි තලයක් මෙන් පෙනෙන ද්විත්ව අවධාරණයකින් අවසන් වනු ඇත.

{පෙළ-අලංකාරය: කිසිවක් නැත; මායිම්-පහළ: 3px ද්විත්ව; }}

අනෙකුත් විශේෂාංග සමඟ ද්විත්ව උච්චාවචනයක් කිරීම සඳහා දැනට පවතින යටි තලය භාවිතා කළ හැකිය.

{මායිම්-පහළ: 1px ද්විත්ව; }}

ඩොන් ට්රේඩ් ලින්ක් අමතක කරන්න

ඔබට දේශසීමා-පහළ ස්තරය වැනි විවිධ රාජ්යයන් තුළ ඔබගේ සබැඳි වලට එකතු කළ හැකිය: hover,: active, or: visited. මෙය "ව්යාජ පංතියේ" හසුරුවන විට භාවිතා කරන්නන් සඳහා ලස්සන "rollover" විලාසිතා අත්දැකීමක් නිර්මාණය කළ හැකිය. සබැඳිය ඔස්සේ ඔබ උඩට ඇලවූ විට දෙවන තිත් වැකියකින් කැපී පෙනේ.

{පෙළ-අලංකාරය: කිසිවක් නැත; } a: hwrap {border-bottom: 1px තට්ටු; }}

ජෙනිෆර් ක්රිනින්ගේ මුල් ලිපියක්. ජෙරමි ගිරාඩ් විසින් සංස්කරණය කරන ලදි