दुवा अधोरेखित काढा किंवा डॅश केलेले चिन्हांकित, किंवा दुहेरी अधोरेखित दुवे तयार करा
डीफॉल्टनुसार, वेब ब्राऊझर काही विशिष्ट सीएसएस शैली देते ज्या विशिष्ट HTML घटकांसाठी लागू होतात. जर आपण आपल्या साइटच्या स्टाईल शीट्ससह हे डीफॉल्ट पुनर्लिखित न केल्यास, डीफॉल्ट लागू केले जाईल. हायपरलिंक्ससाठी, डीफॉल्ट डिस्प्ले शैली ही आहे की कोणतेही लिंक्ड मजकूर निळ्या रंगात आणि अधोरेखित असेल. ब्राउझर असे करतो जेणेकरून साइटचे अभ्यागत सहजपणे कोणते मजकूर जोडलेले आहेत हे पाहू शकतात. अनेक वेब डिझायनर्स या डीफॉल्ट शैलींची काळजी घेत नाहीत, विशेषत: त्या अंडरलाईन्सवर. कृतज्ञतापूर्वक, सीएसएस त्या अंडरलाइन्सचे स्वरूप बदलणे किंवा त्यांना पूर्णपणे काढून टाकणे सोपे करते.
टेक्स्ट लिंकवर अधोरेखित काढणे
अधोरेखित मजकूर त्या अ-अधोरेखित मजकूर वाचण्यात अधिक आव्हानात्मक असू शकतो. याव्यतिरिक्त, अनेक डिझाइनर फक्त अधोरेखित मजकूर दुव्यांसाची काळजी घेत नाहीत. या घटनांमध्ये, आपण कदाचित या सर्व गोष्टी पूर्णपणे काढून टाकू इच्छिता.
मजकूर दुवे पासून अधोरेखित काढण्यासाठी, आपण सीएसएस गुणधर्म मजकूर-सजावट वापरेल. येथे सीएसएस आहे जी आपण असे करण्यासाठी लिहू:
एक {मजकूर-सजावट: काहीही नाही; }
त्या सीएसएसच्या एका ओळीवरुन, आपण सर्व मजकूर दुवे मधून अंडरलाइन काढून टाकाल. जरी ही एक सामान्य शैली आहे (ती एक घटक निवडक वापरते), तरीही डीफॉल्ट ब्राउझरच्या शैलीपेक्षा ही अधिक विशिष्टता आहे. कारण त्या डीफॉल्ट स्टॉल्स आहेत ज्यामुळे सुरवातीतील अंडरलाईन्स तयार होतात, म्हणूनच आपल्याला त्यावर लिहिणे आवश्यक आहे.
अधोरेखित काढण्याची एक खबरदारी
स्पष्टपणे, अंडरलाइन काढून टाकणे आपल्याला नक्की काय करायचे आहे, परंतु हे करतानाही आपण सावध असले पाहिजे. आपण अधोरेखित दुव्यांचा देखावा पसंत करू इच्छिता की नाही, आपण हे स्पष्ट करू शकत नाही की कोणते मजकूर जोडलेले आहे आणि कोणते नाही. आपण अंडरलाइन काढून किंवा डिफॉल्ट निळा दुवा रंग बदलल्यास, आपल्याला शैलीशी पुनर्स्थित करणे सुनिश्चित करावे, जे अद्याप जोडलेल्या मजकूरास उभे राहण्यास परवानगी देते. हे आपल्या साइटच्या अभ्यागतांसाठी अधिक अंतर्ज्ञानी अनुभव करेल.
नॉन-लिंक अधोरेखित करू नका
लिंक्स आणि अधोरेखित गोष्टींवर आणखी सावधगिरी बाळगा, मजकूर अधोरेखित करू नका जो त्यावर जोर देण्याचा मार्ग म्हणून एक दुवा नाही. लोक अधोरेखित मजकूरास एक दुवा असल्याची अपेक्षा करायला आले आहेत, म्हणून जर आपण जोर वाढवण्यासाठी (ती ठळक किंवा तिर्यक बनविण्याऐवजी) सामग्री अधोरेखित केली तर आपण चुकीचे संदेश पाठवू आणि साइट वापरकर्त्यांना गोंधळाल.
बिंदू किंवा डॅशसाठी अधोरेखित बदला
आपण आपला मजकूर दुवा अधोरेखित करू इच्छित असल्यास, परंतु "स्टार्टअप" लाईन असलेल्या डीफॉल्ट लुकमेकडुन त्याची रेखीव बदलू शकता, आपण हे देखील करू शकता. त्या घनतेऐवजी, आपण आपले दुवे अधोरेखित करण्यासाठी ठिपके वापरू शकता. हे करण्यासाठी, आपण अद्याप अधोरेखित काढून टाकू शकाल, परंतु आपण ते सीमा-तळाशी शैली मालमत्तेसह पुनर्स्थित कराल:
एक {मजकूर-सजावट: काहीही नाही; सीमा-तळाशी: 1px चिन्हित; }आपण मानक अधोरेखित काढले असल्याने, दिशेला एक असे दिसेल जो दिसते.
आपण डॅश मिळविण्यासाठी समान गोष्टी करू शकता. फक्त सीमा-तळाशी शैली डॅशमध्ये बदला:
एक {मजकूर-सजावट: काहीही नाही; सीमा-तळाशी: 1 पीएक्स डॅश; }अधोरेखित रंग बदला
आपल्या दुव्यांवर लक्ष वेधण्याचा आणखी एक मार्ग म्हणजे रेखांशचा रंग बदलणे. फक्त रंग आपल्या रंग योजना सह बसेल याची खात्री करा
एक {मजकूर-सजावट: काहीही नाही; सीमा-तळ: 1 पीएक्स घन लाल; }डबल अधोरेखित
दुहेरी अधोरेखित करण्यासाठी युक्ती म्हणजे आपल्याला सीमेची रुंदी बदलणे आवश्यक आहे. आपण 1px रुंदीची सीमा तयार केल्यास, आपण एका दुहेरी अंडरलाइनसह समाप्त कराल जे एक एकाकी रेखांकित असल्यासारखे दिसते.
एक {मजकूर-सजावट: काहीही नाही; सीमा-तळाशी: 3 पीएक्स दुहेरी; }इतर वैशिष्ट्यांसह दुहेरी अधोरेखित करण्यासाठी आपण विद्यमान अधोरेखित देखील वापरू शकता, जसे की ओळींपैकी एक रेखाटलेली:
एक {सीमा-तळ: 1 पीएक्स दुहेरी; }दुवा स्टेट्स विसराळू नका
आपण वेगवेगळ्या राज्यांमध्ये आपल्या दुव्यांमध्ये सीमा-तळ शैली जोडू शकता जसे की: होव्हर, सक्रिय, किंवा: भेट दिलेले आपण "होव्हर" छद्म श्रेणी वापरताना हे अभ्यागतांसाठी एक उत्कृष्ट "रोलओव्हर" शैली अनुभव तयार करू शकते. जेव्हा आपण दुव्यावर फिरवतो तेव्हा दुसर्या क्षणाचा अधोरेखित दिसण्यासाठी:
एक {मजकूर-सजावट: काहीही नाही; } a: फिरवा (बॉर्डर-तळ: 1 पिक्सेल चिन्हित; }जेनिफर क्रिनिन द्वारे मूळ लेख. जेरेमी गिरर्ड द्वारा संपादित