Web Development Course Class 28

1. Background Image (Web Development Course Class 28 )
   Definition:
   The background-image property sets an image as the background of an HTML element.

Example:

body {
  background-image: url("background.jpg");
}

2. Background Repeat (Web Development Course Class 28 )
   Definition:
   The background-repeat property defines if/how the background image should be repeated (tiled).

Example:

body {
  background-image: url("bg.jpg");
  background-repeat: no-repeat;
}

Values:

• repeat – repeats both horizontally and vertically (default)
• no-repeat – image appears only once
• repeat-x – repeats only horizontally
• repeat-y – repeats only vertically

3. Background Color (RGB & RGBA) (Web Development Course Class 28 )
   Definition:
   The background-color property sets the background color of an element.
   rgb() stands for red, green, blue.
   rgba() adds an alpha value for transparency.

Example (RGB):

div {
  background-color: rgb(255, 0, 0); /* red */
}

Example (RGBA):

div {
  background-color: rgba(255, 0, 0, 0.5); /* red with 50% transparency */
}

4. Box Shadow (Web Development Course Class 28 )
   Definition: The box-shadow property adds a shadow around a box (div, button, etc.).
   Example:
   div { box-shadow: 5px 5px 10px gray; }
   Explanation:
   X offset (5px), Y offset (5px), Blur (10px), Color (gray)
   
   Text Shadow
   Definition:
   The text-shadow property adds shadow to text to make it stand out.
   Example:
   h1 { text-shadow: 2px 2px 5px black; }
   
   Overflow (Web Development Course Class 28 )
   Definition:
   The overflow property controls what happens when content is too big for its container.
   Example:
   div { width: 200px; height: 100px; overflow: scroll; }
   Values:
   visible – default; content is not clipped
   hidden – content is clipped and not visible
   scroll – content is clipped and scrollbars are added
   auto – scrollbars appear only when needed