లింక్ను మార్చడం ఎలా వెబ్పేజీలో

లింక్ తీసివేయి తీసివేయండి లేదా చుక్కల చుక్కల లేదా డబుల్ అండర్లైన్డ్ లింక్స్ సృష్టించండి

అప్రమేయంగా, వెబ్ బ్రౌజర్లు వారు నిర్దిష్ట HTML అంశాలకు వర్తించే కొన్ని CSS శైలులను కలిగి ఉంటాయి. మీరు మీ సైట్ యొక్క స్వంత స్టైల్ షీట్లతో ఈ డిఫాల్ట్లను భర్తీ చేయకపోతే, డిఫాల్ట్లను వర్తింపజేస్తారు. హైపెర్లింక్ల కోసం డిఫాల్ట్ డిస్ప్లే స్టైల్ ఏ ​​లింక్ చేయబడిన టెక్స్టు నీలం మరియు అండర్లైన్ చేయబడి ఉంటుంది. బ్రౌసర్ ఈ విధంగా చేస్తుంది, కాబట్టి సైట్ యొక్క సందర్శకులు టెక్స్ట్ లింక్ ఏమిటో సులభంగా చూడగలరు. చాలా వెబ్ డిజైనర్లు ఈ డిఫాల్ట్ శైలులు, ప్రత్యేకంగా ఆ అంతర్లీనంగా శ్రమించరు. అదృష్టవశాత్తూ, CSS ఆ దృశ్యం యొక్క రూపాన్ని మార్చడానికి లేదా వాటిని పూర్తిగా తీసివేయడానికి సులభం చేస్తుంది.

టెక్స్ట్ లింక్లపై అండర్లైన్ను తొలగించడం

అండర్లైన్ చేసిన వచనం చదవని పాఠం చదవడానికి మరింత సవాలుగా ఉంటుంది. అదనంగా, అనేక మంది డిజైనర్లు అండర్లైన్ టెక్స్ట్ లింకుల రూపానికి పట్టించుకోరు. ఈ సందర్భాల్లో, మీరు ఈ అంశాలన్ని పూర్తిగా తొలగించాలనుకుంటున్నారు.

వచన లింకుల నుండి అంతర్లీనంగా తీసివేయడానికి, మీరు CSS ఆస్తి టెక్స్ట్-అలంకరణని ఉపయోగిస్తుంటారు. ఇక్కడ మీరు దీన్ని వ్రాసే CSS ఉంది:

ఒక {text-decoration: none; }

CSS యొక్క ఒక లైన్ తో, మీరు అన్ని టెక్స్ట్ లింకుల నుండి అండర్లైన్ను తీసివేస్తారు. ఇది చాలా సాధారణ శైలి అయినప్పటికీ (అది ఒక మూలకం సెలెక్టర్ను ఉపయోగిస్తుంది), ఇది ఇప్పటికీ డిఫాల్ట్ బ్రౌజర్ల శైలుల కంటే మరింత ప్రత్యేకతను కలిగి ఉంది. ఆ డిఫాల్ట్ శైలులు ప్రారంభమయ్యే అంశాన్ని సృష్టించడం వలన, మీరు తిరిగి రాసేందుకు అవసరమైనది.

ఒక హెచ్చరిక తీసివేయడం అండర్లైన్

దృశ్యమానంగా, అండర్లైన్లు తీసివేయడం సరిగ్గా మీరు సాధించాలనుకున్నది కావచ్చు, కానీ మీరు ఇలా చేస్తే మీరు జాగ్రత్తగా ఉండండి. మీరు అండర్లైన్ లింక్ల రూపాన్ని ఇష్టపడతారా లేదా కాదా, ఏ టెక్స్ట్ లింక్ చేయబడిందో మరియు ఇది కాదు అని వారు స్పష్టంగా తెలియజేస్తారని మీరు వాదిస్తారు. మీరు తీసివేసినట్లయితే, ఆ డిఫాల్ట్ నీలి రంగు లింక్ను మార్చడం లేదా మార్చడం, మీరు లింక్ చేయబడిన టెక్స్టును ఇప్పటికీ నిలిపివేయడానికి అనుమతించే శైలులతో మీరు వాటిని భర్తీ చేస్తారని నిర్ధారించుకోవాలి. ఇది మీ సైట్ యొక్క సందర్శకులకు మరింత స్పష్టమైన అనుభవం కోసం చేస్తుంది.

నాన్-లింక్లను అండర్లైన్ చేయవద్దు

లింక్లపై మరొక హెచ్చరిక మరియు అండర్లైన్స్, ఇది నొక్కి చెప్పే విధంగా లింక్ కానటువంటి టెక్స్ట్ను అండర్లైన్ చేయవద్దు. అండర్లైన్ చేసిన పాఠాన్ని లింక్గా ప్రజలు ఆశించేవారు, అందువల్ల మీరు ప్రాధాన్యతనివ్వడానికి (కంటెంట్ను బోల్డ్ లేదా ఇటాలిక్ చేయడం కాకుండా) అండర్లైన్ చేస్తే, మీరు తప్పు సందేశాన్ని పంపుతారు మరియు సైట్ వినియోగదారులను కంగారుపరుస్తారు.

అండర్లైన్ డాట్స్ లేదా డాషెస్కు మార్చండి

మీరు మీ వచన లింకును అండర్లైన్ చేయాలనుకుంటే, డిఫాల్ట్ లుక్ నుండి అండర్లైన్ శైలిని మార్చండి, ఇది "సైని" లైన్ అయినది, మీరు దీన్ని కూడా చేయగలరు. ఆ గట్టి లైన్కు బదులుగా, మీరు మీ లింక్లను అండర్లైన్ చేయడానికి చుక్కలను ఉపయోగించవచ్చు. ఇది చేయటానికి, మీరు ఇప్పటికీ అండర్లైన్ను తీసివేస్తారు, కానీ మీరు దానిని సరిహద్దు-దిగువ శైలి లక్షణంతో భర్తీ చేస్తారు:

ఒక {text-decoration: none; సరిహద్దు-దిగువ: 1px చుక్కలు; }

మీరు ప్రామాణిక అండర్లైన్ను తొలగించినందున, చుక్కల ఒకటి మాత్రమే కనిపిస్తుంది.

మీరు డాష్లు పొందడానికి అదే విషయం చేయవచ్చు. సరిహద్దు-దిగువ శైలిని గీసిన విధంగా మార్చండి:

ఒక {text-decoration: none; సరిహద్దు-దిగువ: 1px గీతల; }

అండర్లైన్ రంగుని మార్చండి

మీ లింకులకు దృష్టిని ఆకర్షించడానికి మరొక మార్గం అండర్లైన్ యొక్క రంగును మార్చడం. రంగు మీ రంగు పథకంతో సరిపోతుంది అని నిర్ధారించుకోండి.

ఒక {text-decoration: none; సరిహద్దు-దిగువ: 1px ఘన ఎరుపు; }

డబుల్ అండర్లైన్స్

ద్వంద్వ అండర్లైన్లను ఉపయోగించే ట్రిక్ మీరు సరిహద్దు వెడల్పును మార్చుకోవాలి. మీరు 1px వెడల్పు సరిహద్దుని సృష్టించినట్లయితే, మీరు ఒక అండర్లైన్ వలె కనిపించే డబుల్ అండర్లైన్తో ముగుస్తుంది.

ఒక {text-decoration: none; సరిహద్దు-దిగువ: 3px డబుల్; }

డబుల్ చేయబడిన పంక్తులలో ఒకటి వంటి ఇతర లక్షణాలతో డబుల్ అండర్లైన్ చేయడానికి మీరు ఇప్పటికే ఉన్న అండర్లైన్ను ఉపయోగించవచ్చు.

ఒక {సరిహద్దు దిగువ: 1px డబుల్; }

లింక్ స్టేట్స్ మర్చిపోవద్దు

హోవర్, క్రియాశీల, లేదా: మీరు సందర్శించే సరిహద్దు-దిగువ శైలిని మీ విభిన్న రాష్ట్రాల్లో మీ లింక్లకు జోడించవచ్చు. మీరు "హోవర్" నకిలీ తరగతి ఉపయోగించినప్పుడు ఇది సందర్శకులకు మంచి "చెల్లింపుదారు" శైలి అనుభవాన్ని సృష్టించగలదు. మీరు లింక్పై సంచరించేటప్పుడు రెండవ చుక్కల అండర్లైన్ కనిపించడానికి:

ఒక {text-decoration: none; } a: హోవర్ {border-bottom: 1px dotted; }

జెన్నిఫర్ క్రిన్ని రచించిన అసలు వ్యాసం. జెరెమీ గిరార్డ్ చే ఎడిట్ చేయబడింది