चित्रों या टेक्स्ट के चारों ओर लगाए गए फ़्रेम साइट को सजाते हैं और इसके डिज़ाइन में विविधता लाते हैं। यदि आप बॉर्डर बनाने के लिए तालिकाओं का उपयोग करते हैं, तो प्रत्येक बॉर्डर का कोड बहुत अधिक स्थान लेगा। साथ ही, इस मामले में, आपको प्रत्येक फ्रेम के लिए HTML कोड को फिर से लिखना होगा। सीएसएस के साथ, आप आसानी से किसी भी मोटाई और रंग की सीमा बना सकते हैं जो इस सीमा से घिरे सभी तत्वों के लिए एक बार एक साधारण कोड लिखकर आप चाहते हैं। यदि आवश्यक हो, तो यह तकनीक कुछ ही मिनटों में साइट पर फ्रेम के प्रकार को बदलने की अनुमति देगी।
यह आवश्यक है
- - आपकी अपनी वेबसाइट है;
- - जानें कि CSS क्या है और साइट पर ये शैलियाँ कहाँ लिखी गई हैं।
अनुदेश
चरण 1
बॉर्डर बनाने के लिए, पहले CSS में निम्नलिखित कोड लिखें:
रमका {}
चरण दो
बॉर्डर को मनचाहा आकार बनाने के लिए, बॉर्डर-चौड़ाई पैरामीटर का उपयोग करें, जो लाइन की चौड़ाई को पिक्सेल में सेट करता है। उदाहरण के लिए, यदि फ्रेम लाइन 3 पिक्सेल चौड़ी होनी चाहिए, तो प्रविष्टि इस तरह दिखेगी:
रमका {सीमा-चौड़ाई: 3px;}
चरण 3
अब सीमा-शैली पैरामीटर का उपयोग करके सीमा की शैली को परिभाषित करें। यदि आप एक ऐसा बॉर्डर बनाना चाहते हैं जिसकी भुजाएँ नियमित ठोस रेखाएँ हों, तो निम्नलिखित प्रविष्टि को घुंघराले ब्रेसिज़ के बीच कोड में डालें - बॉर्डर-शैली: ठोस।
चरण 4
एक बिंदीदार सीमा इसे इस तरह लिखकर प्राप्त की जा सकती है: सीमा-शैली: बिंदीदार। सीमा-शैली की जाँच करना: धराशायी आपको एक धराशायी सीमा देगा।
चरण 5
आप बॉर्डर को इस तरह से डबल सॉलिड लाइन बना सकते हैं: बॉर्डर-स्टाइल: डबल। बॉर्डर-शैली का उपयोग करें: नाली या बॉर्डर-शैली: पाठ या छवियों को 3D साइड इफेक्ट वाले फ़्रेम में फ़्रेम करने के लिए रिज। इन दो विकल्पों के बीच का अंतर यह है कि पहले मामले में, फ्रेम में इंडेंटेड लाइनें होती हैं, और दूसरे में उत्तल होती हैं।
चरण 6
इस कोड का उपयोग करें: सीमा-शैली: इनसेट एक साइट तत्व की सीमा के साथ एक इनसेट का प्रभाव बनाने के लिए। सीमा के साथ-साथ सीमा की सामग्री बनाने के लिए, इसके विपरीत, उत्तल, सीमा-शैली लिखें: शुरुआत।
चरण 7
आप बॉर्डर-रंग पैरामीटर का उपयोग करके फ़्रेम में वांछित रंग जोड़ सकते हैं, जिसे घुंघराले ब्रेसिज़ के बीच भी रखा जाता है। यदि आप बॉर्डर को लाल बनाना चाहते हैं, तो बॉर्डर-रंग: लाल, नीला - बॉर्डर-रंग: नीला, नारंगी - बॉर्डर-रंग: नारंगी लिखें।
चरण 8
CSS बॉर्डर कोड, सभी विकल्पों सहित, इस तरह दिखता है:
रमका {सीमा-चौड़ाई: 3px; सीमा-शैली: ठोस; सीमा-रंग: नीला;}
चरण 9
अब, HTML में, इसे लिखें:
फ़्रेम सामग्री "फ़्रेम सामग्री" वाक्यांश के बजाय वांछित चित्र का टेक्स्ट या कोड डालें।
चरण 10
इस प्रकार, आप साइट पर असीमित संख्या में तत्वों को डिज़ाइन कर सकते हैं। फ़्रेम का स्वरूप बदलने के लिए, आपको केवल CSS कोड बदलने की आवश्यकता है।
