Breaking

Tuesday, 1 March 2016

Css lecture 2 in Urdu

                   css
Background
background-color
background-image
background-repeat
background-attachment

background-color
 
es se ham backgrounf ka color change karty hai
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
background-color: green;
}
div {
  background-color: lightblue;
}
p {
 background-color: yellow;
}
</style>
</head>
<body>
<h1>CSS background-color example!</h1>
<div>.
This is div
<p>This paragraph has its own background color.</p>
this end div
</div>
</body>
</html>

background-image
    background ko imagedin klay use hota hai
body {
    
background-image: url("paper.gif");
}

background-repeat
  use  for Horizontally or Vertically
body {
    
background-image: url("gradient_bg.png");
    
background-repeat: repeat-x;
}

ab horizontally ho ga

 

agrchahtyhai repeat na ho to no-repeat lik dy

 

 background-attachment: fixed;

fixed k lay use hota hai

 

 

CSS Borders

The border-style property specifies what kind of border to display.
The following values are allowed:
  • dotted - Defines a dotted border
  • dashed - Defines a dashed border
  • solid - Defines a solid border
  • double - Defines a double border
  • groove - Defines a 3D grooved border. The effect depends on the border-color value
  • ridge - Defines a 3D ridged border. The effect depends on the border-color value
  • inset - Defines a 3D inset border. The effect depends on the border-color value
  • outset - Defines a 3D outset border. The effect depends on the border-color value
  • none - Defines no border


  • hidden - Defines a hidden border





·         A dotted border.
·         A dashed border.
·         A solid border.
·         A double border.
·         A groove border. The effect depends on the border-color value.
·         A ridge border. The effect depends on the border-color value.
·         An inset border. The effect depends on the border-color value.
·         An outset border. The effect depends on the border-color value.
·         No border.
·         A hidden border.

·         A mixed border.

No comments:

Post a Comment