एचटीएमएल में लिंक के डिस्प्ले पैरामीटर को कैस्केडिंग सीएसएस स्टाइल शीट्स का उपयोग करके बदला जा सकता है। वे आपको उपयोगकर्ता द्वारा उस पर क्लिक करने से पहले और माउस क्लिक के बाद लिंक फ़ॉन्ट के प्रदर्शन, उसके रंग को अनुकूलित करने की अनुमति देते हैं। आप उपयोग किए गए फ़ॉन्ट का टाइपफेस और उसका आकार भी बदल सकते हैं।
अनुदेश
चरण 1
CSS में लिंक पैरामीटर सेट करने के लिए Classes और pseudo-classes का उपयोग किया जाता है। छद्म वर्ग a: लिंक नियमित लिंक के लिए शैली सेट करता है, a: विज़िट किया गया आपको पहले से उपयोग किए गए लिंक के प्रदर्शन को अनुकूलित करने की अनुमति देता है। ए: जब तत्व पर कर्सर क्लिक किया जाता है तो सक्रिय टैग के पैरामीटर को संभालता है, और ए: होवर लिंक की शैली को सेट करता है जब आप उस पर होवर करते हैं। आप स्वयं तत्व के लिए कोई भी वर्ग बना सकते हैं, और मापदंडों में पाठ को प्रारूपित करने के लिए मानक ऑपरेटरों का उपयोग करते हैं।
चरण दो
ब्राउज़र में लिंक टेक्स्ट के अंडरलाइन के प्रदर्शन को अक्षम करने के लिए, टेक्स्ट-डेकोरेशन: कोई नहीं पैरामीटर का उपयोग करें। आप इस विशेषता को किसी तत्व के लिए कक्षा और छद्म वर्ग दोनों में निर्दिष्ट कर सकते हैं। लिंक का रंग बदलने के लिए, रंग पैरामीटर का उपयोग करें, आकार के लिए - मानक फ़ॉन्ट-आकार विशेषता। यदि आप बोल्ड या इटैलिक प्रकार शामिल करना चाहते हैं, तो फ़ॉन्ट-वेट पैरामीटर का उपयोग करें।
चरण 3
पेज कोड को संपादित करने के लिए आप जिस भी टेक्स्ट एडिटर का उपयोग करते हैं, उसके साथ अपनी एचटीएमएल फाइल खोलें। उसके बाद, अपने दस्तावेज़ के एक भाग पर जाएँ और एक हैंडल का उपयोग करके पृष्ठ पर भविष्य के लिंक के लिए सीएसएस कोड सेट करें। उदाहरण के लिए:
लिंक बदलना
ए: लिंक {पाठ-सजावट: कोई नहीं;
फ़ॉन्ट-आकार: 14px;
फोंट की मोटाई: बोल्ड;
लाल रंग; }
चरण 4
यह कोड एक नियमित लिंक से अंडरलाइन को हटा देता है, टेक्स्ट का आकार 14 पिक्सल पर सेट करता है, एक बोल्ड स्टाइल और तत्व का लाल रंग लागू करता है। अब टैग में कोई भी लिंक इस तरह प्रदर्शित होगा।
चरण 5
आप सीएसएस कक्षाओं का उपयोग करके प्रत्येक विशिष्ट लिंक के लिए स्टाइल कर सकते हैं। इस प्रकार, यदि टैग में कोड इस तरह दिखता है:
a.link1 {फ़ॉन्ट-आकार: 20px; रंग काला;}
चरण 6
आप दस्तावेज़ के मुख्य भाग में वर्ग का उपयोग करके लिंक का आकार 20 पिक्सेल और काला पर सेट कर सकते हैं:
संपर्क
उदाहरण से आप देख सकते हैं कि लिंक के क्लास एट्रिब्यूट को निर्दिष्ट करके लिंक को बनाया गया स्टेप बैक सीएसएस कोड क्लास असाइन किया गया था। यह लिंक अब काले रंग में प्रदर्शित होगा और इसका आकार 20 पिक्सेल होगा। इस विशेषता को बदलने के लिए, पृष्ठ अनुभाग के सीएसएस कोड को संपादित करें।
चरण 7
लिंक का स्वरूप बदलना पूरा हो गया है, आप फ़ाइल में किए गए परिवर्तनों को सहेज सकते हैं और इसे ब्राउज़र में देखने के लिए चला सकते हैं।
