css background image
background-image: url("image.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
css background image
background-image: url("image.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
how to add background in css
body {
background-image: url("paper.gif");
background-color: #cccccc;
}
css background
.my-div{
background-color: #00f; /* Blue */
}
.div-image{
background-image: url("Image Path");
background-position:
top right | left center | bottom center
top left | right center | bottom right
top center | center center | bottom left ;
/* Use any option that met your requirements*/
background-size: cover; /* Set the image to cover all the div */
background-repeat: no-repeat; /* Commonly used for that situation */
background-attachment: fixed; /* the image will stay with you while scrolling same as position: fixed*/
/* Use background-attachment: scroll [Default Value]; to remove fixed effect */
}
/*
Background shortHand
background: background-color background-image background-repeat background-position
*/
background color using css
/* To apply color to background you have to use 'background-color' property and value of property is color name. */
html,body {
background-color: blue;
}
background css
body {
background: #ffffff url("img_tree.png") no-repeat fixed right top;
}
background css
/* Color (Example: red): */
html,body {
background-color: red;
}
/* Image (Example: your.picture): */
html,body {
background-image: url("your.picture");
}
Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us