CSS in Hindi – Introduction to CSS Color

  • CSS background properties in Hindi 
  • background color with CSS in Hindi
  • background image with CSS in Hindi

CSS in Hindi – CSS Color

अगर आप css सिख रहे है | तो color के बारे मे जानना बहुत ही important होता है | क्योकि किसी भी web page को बिना color के beautiful नही बनाया जा सकता है |

css मे color use करने के लिए color का नाम भी दे सकते है | या color का code भी दे सकते है | और तो और हम image से भी color ले सकते है |

आज का topic बहुत ही interesting होने वाली है | इस लिए मै आपको suggestion देना चाहुगा की आप पूरा article जरुर पड़े क्योकि color के बारे मे पूरा details दिया गया है |

Color Property

Color property के बारे मे थोडा बहुत मै previews article मे बता चूका हु लेकिन अब हम आगे जानते है | css मे हम color को नाम से भी define कर सकते है और numeric value भी दे सकते है जिसे हम color code कहते है |

css मे color define करते समय किसी paragraph या heading का color define कर सकते है | लेकिन ध्यान रहे color property only text पर apply होती है | निचे दिये गये example को देखे |

<html>
<head>
<style type="text/css">
#p1 { color: #1A9E1D; }
#p2 { color: white; }
</style>
</head>
<body>
<p id="p1">Esay Hindi Tutorials</p>
<p id="p2">Esay Hindi Tutorials</p>
</body>
</html>

Background Property

अगर आप किसी text का background color change करना चाहते है | तो background property का use कर सकते है | या background-color भी एक property है | जिसका use background color change करने के लिए किया जाता है | यहाँ पर background property and background-color property दोनों same ही है बस property लिखने का तरीका अलग है | निचे example दिया जा रहा है |

<html>
<head>
<style type="text/css">
#p1 { color: white; background: url('image.jpg'); }
#p2 { color: white; background-color: green; }
</style>
</head>
<body>
<p id="p1">Easy Hindi Tutorials</p>
<p id="p2">Easy Hindi Tutorials</p>
</body>
</html>

ऊपर दिये गये example मे देख सकते है | background property के द्वारा only background ही change कर सकते है | और एक बात background property का effect text पर नही होता है |

background property के द्वारा आप image से भी color उठा सकते है | यानी ले सकते है | इसका example ऊपर दिये गये code मे देख सकते है |

RGB Property

RGB का full form होता है | Red , Green और Blue जब आप rgb property का use करते है तो आपको value numeric मे देनी होती है और हा हर value के बाद हमे एक कामा से sepret करना होता है नही तो हमारा color apply नही होता है | निचे example दिया जा रहा है |

<html>
<head>
<style type="text/css">
#p1 { color: white; background: rgb(158,26,26); }
#p2 { color: white; background-color: rgb(26,158,29); }
</style>
</head>
<body>
<p id="p1">Esay Hindi Tutorials</p>
<p id="p2">Esay Hindi Tutorials</p>
</body>
</html>

ऊपर दिये गये example को आप देख सकते है और हा यहाँ पर RGB property text के साथ साथ हमारे background पर भी apply हो सकती है उसके लिए आपको color property के अन्दर RGB property का use करना होगा |

RGBA Property

RGB Property और RGBA Property मे जादा difference नही है बस थोडा सा difference है हम RGB मे अपने color को customize नही कर सकते है पर RGBA property मे हम अपने color को customize भी कर सकते है यहाँ पर customize से तत्यापर्य है की हम अपने color को कितना dark या light रखना चाहते है उसे customize कर सकते है | अब निचे दिये गये example को देखे |

<html>
<head>
<style type="text/css">
#p1 { color: white; background: rgba(158,26,26.0.80); }
#p2 { color: white; background-color: rgba(26,158,29,0.40); }
</style>
</head>
<body>
<p id="p1">Esay Hindi Tutorials</p>
<p id="p2">Esay Hindi Tutorials</p>
</body>
</html>

ऊपर दिये गये code को देख सकते है || और हा RGBA property का भी use color property मे किया जा सकता है यानी RGBA property के द्वारा आप अपने text को भी customize कर सकते है |

CSS Image Properties CSS Table Properties
Previous Next