Easiest way to learn various technology: CSS background & effect

5/22/2018

CSS background & effect

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.