CSS Background Image Properties
CSS Background Image Properties
CSS
Background Properties
The CSS background properties are used to define the background effects for
elements. There are lots of properties to design the
background.
CSS
Background-color Property:
The background-color property in CSS is used to specify the background
color of an element.
CSS Code
Output
CSS
Background-image Property:
The background-image property is used to set one or more background
images to an element.
CSS Code
Output
CSS
Background-Repeat Property:
The background-repeat property in CSS is used to repeat the background
image both horizontally and vertically.
CSS Code
Output
CSS
Background-attachment Property:
The background-attachment property in CSS is used to specify the kind of
attachment of the background image with respect to its container.
Ex- Set two Background
images For the <body>Element. Let the First not be repeated (with no
repeat) and let the second image repeat (repeat).
CSS Code
Output
CSS
Background-position Property:
In CSS body-position property is mainly used to set an image at a certain
position.
CSS Code
Output
CSS
Background-origin Property:
The background-origin is a property defined in CSS which helps in adjusting
the background image of the
webpage.
CSS Code
Output
CSS
Background-clip Property:
The background-clip property in CSS is used to define how to extend the
background (color or image) within an element.
Ex-In Real Time how we use Images in website.
CSS Code
Output
No comments: