How to Set Background Color in HTML, How to Set Background Color in HTML in Hindi, HTML में बैकग्राउंड कलर कैसे सेट करें हिंदी में
आप अपनी एचटीएमएल (HTML) फाइल में कोई भी टैग का बैकग्राउंड कलर सेट कर सकते हैं। आपको इसके लिये एचटीएमएल (HTML) फाइल में "head" एलिमेंट (element) में <style></style> टैग (tag) के अन्दर आप जिस प्रकार का बैकग्राउंड कलर चाहते हैं, आप उसमें कोई भी कलर सकते हैं। आप एचटीएमएल (HTML) के बैकग्राउंड में सॉलिड कलर, इमेज (फोटो), ग्रेडिएंट कलर (एक साथ कई तरह के कलर्स) या फिर रंग-बिरंगे एनीमेशन (Animation) लगा सकते हैं। बैकग्राउंड कलर सेट करने के लिए दिए गये स्टेप्स को फॉलो करें।
स्टेप 1:- पहले आप अपनी फाइल को अपने पसंदीदा टेक्स्ट एडिटर (Text Editor) में खोले (Open)। टेक्स्ट एडिटर (Text Editor) जैसे:- sublime, notepad++, notepad।
हमने जो उदाहरण दिया है वो notepad++ का है।
स्टेप 2:- दी हुई इमेज में आप जो टैग देख रहे हैं उसमें टैग दिया हुआ है।
<!DOCTYPE html>
<html>
<head>
<style>
</style>
</head>
</html>
स्टेप 3:- आप टैग के बीच में एक स्पेस दें।
<!DOCTYPE html>
<html>
<head>
<style>
</style>
</head>
</html>
स्टेप 4:- इसके बाद आपको जिस टैग का बैकग्राउंड कलर बदलना है उस टैग को लिखें और उसके बाद background-color: lightgreen; लिख दें।
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: lightgreen;
}
</style>
</head>
</html>
स्टेप 5:- इसके बाद आप browser पर run करें। Run करने के बाद आपको कुछ इस तरह से दिखेगा।
स्टेप 6:- आप इसी तरह से बाकी के टैग्स का भी बैकग्राउंड कलर (background color) बदल सकते हैं। जैसे:-
<!DOCTYPE html> <html>
<head>
<style>
body {
background-color: lightgreen;
} h1 { background-color: #80ced6;
} div { background-color: #d5f4e6;
} span { background-color: #f18973;
} </style>
</head>
<body>
<h1>Background Color</h1> <div>Set a background color for a div element.</div> <p>Set a <span>background color</span> for only a part of a text.</p>
</body>
</html>
Output:
Background Color
Set a background color for only a part of a text.
टैग्स का बैकग्राउंड कलर (background color) के आलावा आप टेक्स्ट का color भी बदल सकते हैं। टेक्स्ट color कैसे बदलें जानने के लिए
0 टिप्पणियाँ
Please Comments.
EmojiNeed Help? Make a Comment below & we'll help you out....
आपकी कमेंट हमारे लिये महत्वपूर्ण हैं जिसकी सहायता से हम अपनी पोस्ट में सुधार सकें