HTML , css Background
& effect on div
Background of div or table or span or para or any html
element will be set using css .
Following different style are used while setting background
1)
Background : setting background of element: such as image or color or center or different
position , repeat or not repeat , set size to 100% 100% รจ background size
Eg:
<html>
<body>
<style>
div
{
Background:
url(‘abc.png’);
Height:150px;
Padding:0;
Margin:0;
}
</style>
<div>
Hi hello how are you
</div>
</body>
</html>
2) background-image:
specific to only set image in above property of background you can set
both image or color
syntax:
background-image:url(‘abc.png’);
3)
background-attachment : setting background attachment whether fixed
or flexible
4)
background-color : setting background color there are different
color available in css such hexa , rgb, rgba .
5)
background-position: left, right , top, right
different position or center
6)
Background-repeat: whether repeat or not repeat
. repeat to x or y
7)
Background-blend-mode : to set blend mode of
background such as color, color-burn, color-darken , color-diffrence, normal ,
multiply saturation this are different blending mode.
Thanks for viewing blog send comment in case
any query.
