HTML / CSS में लिंक के तहत अंडरलाइन निकालें

डिफ़ॉल्ट रूप से, HTML हाइपरलिंक को रेखांकित किया गया है। हालाँकि, यदि आप इस सुविधा को निष्क्रिय करना चाहते हैं और अपने हाइपरलिंक्स को गैर-रेखांकित पाठ के रूप में प्रदर्शित करना चाहते हैं, तो आप ऐसा सीएसएस का उपयोग करके कर सकते हैं।

यह लेख आपको आवश्यक चरणों के माध्यम से चलेगा।

• सीएसएस का उपयोग करके गैर-रेखांकित लिंक प्रदर्शित करें
• गैर-रेखांकित लिंक सीएसएस वाया एक कक्षा का उपयोग करना
• सीएसएस ऑनलाइन का उपयोग करके गैर-रेखांकित लिंक प्रदर्शित करें

सीएसएस का उपयोग करके गैर-रेखांकित लिंक प्रदर्शित करें

HTML लिंक से अंडरलाइन को हटाने के लिए, बस CSS में निम्नलिखित कोड दर्ज करें:

a.nounderline: लिंक
{
text-decoration: कोई नहीं;
}

एनबी छद्म वर्ग: लिंक आपको केवल हाइपरलिंक () और एंकर () को लक्षित करने की अनुमति देता है और अनिवार्य नहीं है।

गैर-रेखांकित लिंक सीएसएस वाया एक कक्षा का उपयोग करना

यदि आप चाहते हैं कि शैली विशेष लिंक पर लागू हो, तो केवल उन लिंक के लिए एक विशिष्ट वर्ग परिभाषित करें जिन्हें आप रेखांकित नहीं करना चाहते हैं। आप निम्न कोड का उपयोग कर ऐसा कर सकते हैं:

a.nounderline: लिंक
(
पाठ-सजावट: कोई नहीं;
)
a.nounderline: लिंक
{
text-decoration: कोई नहीं;
}

सीएसएस ऑनलाइन का उपयोग करके गैर-रेखांकित लिंक प्रदर्शित करें

अंत में, यदि आप स्टाइल शीट को परिभाषित नहीं करना चाहते हैं, तो आप निम्नलिखित स्टाइल विशेषता के साथ स्टाइल को ऑनलाइन सेट कर सकते हैं:

 लिंक का पाठ 

चित्र: © युरी व्लासेंको - Shutterstock.com