CSS Background

Dear Students, aaj ke is Lecture me hum janege CSS background ke bare main. Yani ke background main CSS kaise use karte hai. Or sath me sekhenge CSS background kya hote hai. Types of CSS background aadi se related ye sare topic ham background ke lecthure me cover karege.

Lectures Covering Topics

  • Introduction To CSS Background In Hindi
  • Types Of CSS Background In Hindi
  • CSS Background Effects In Hindi
  • CSS Background Color In Hindi
  • How To Set CSS Background Images In Hindi

Introduction To CSS Background In Hindi

CSS background property ki help se hum kisi bhi html tag ka background set kiya jata hai. Jaise ki aap kisi heading ko highlight karna chahte hai.

Yaa fir aap kisi table ko color full banana chahate hai. Is tarah ke sabhi kaam hum CSS background properties se karte hai. Background ke kuch effects hote hai jinka use karke hum background set karte hai.

CSS background property elements par background effects define karne ek liye use ki jati hai. Background set karne ke liye CSS hame bahut sare properties provides karate hai.

Types Of CSS Background In Hindi

Kisi bhi elements ka Background set karne ke liye hamare paas Five CSS background properties hoti hai. Jinke bare main aap neeche details main pad sakte hai.

  • background-color
  • background-image
  • background-repeat
  • background-attachment
  • background-position

CSS Background Color In Hindi

CSS Background color property ka use hum kisi bhi elements ke background main color karne ke liye karte hai. Aap neeche example dekh kar elements par background color laga saakte hai.

Example of Background Color

Output of Background Color

css bacground color 1 property

CSS main hum color ko following types se set kar sakte hai.

  • Eak color name ke sath jaise “Red, Green”.
  • HEX value ke sath jaise #ef0000.
  • Eak RGB value ke sath jaise rgb(255,0,0)

Example Of Background Color Code Types

Output

css bacground color property

CSS Background Images In Hindi

Kisi bhi html tag ke background main hum sirf color he nahi kar sakte hai. Balki hum uske background main koi image bhi laga sakte hai. Jab hum kisi elements ke background main image lagani ho to hum CSS background image property ka use karte hai.

Default roop se background image property sabhi elements ko covoer karti hai. Image  property ka example aap neeche dekh sakte hai.

Example of Background Image

Output of Background Image

css bacground image property

Note:- Hame background image text ke color ke according choose karni chahiye. Agar text or background image ka combination sahi nahi hai to vah webpage achhcha readable nahi ho sakta hai.

CSS Background Repeat In Hindi

By default background image property image ko horizontally or vertically repeat karta hai. But some images ko sirf horizontally ya fir vertically repeat karta hai.

Yadi image horizontally repeat ke jati hai to background affect achcha aata hai. na ki vertically image reparation achhcha aata hai.

Example of Background-repeat: repeat-x;

Output

css bacground repeat x property

Example of Background-repeat: repeat-y;

Output

css bacground repeat y property

CSS Background Attachment In Hindi

Background attachment property ka use yah specify karne ke liye kiya jata hai. Ki kay background image fixed ke gayi hai. Ya fir browser window me rest page ke sath scroll ki jayegi. Rest means browser main scroll se pahle neeche ka bacha hua page.

Yadi hum background image ko fixed set karte hai. Background image browser main scrolling ke time move nahi karegi. Aap neeche example dekh sakte hai.

Example of Background Attachment In Hindi

Output

css bacground attachment property

CSS Background Position In Hindi

Background position property ka use hum background image ki initial position define karne ke liye karte hai. By default background image position webpage ke top main left side hoti hai.

Hum image ko following position par set kar sakte hai-

  • center
  • top
  • bottom
  • left
  • right

Example of Background Position

CSS Background Shorthand Property In Hindi

Code ko chota karne ke liye yah possible hai ki ham background ke sari properties eak sath single line main use kar sakte hai. Ise eak tharh ke shorthand property kha jata hai. Example  ke liye aap neeche dekh sakte hai.

Example of Background Shorthand Property

Output

css bacground shorthand property

Related Lecture

Dear Students, main aasha karta hun ki aapko CSS background Ka Lecture padh kar samjh me aa gaya hoga ki CSS main comments kaise karte hai. Yadi aapako is Lecture se related koi bhi problem hai to aap hume comment karke puch skte hai.

Share This Post On

About Author

Thakur Aman Singh

Hey, I am Aman Singh Tomar from Taj City Agra. Through This Blog I want to share my Knowledge with all of you. Read More >>

Leave a Reply

Your email address will not be published. Required fields are marked *