<!-- Code by Scratchy -->
<!-- Twitter: @S_cratchy-->
<head>
<style>
body {
background-image: url(https://wallup.net/wp-content/uploads/2019/09/110394-cats-grey-kittens-fluffy-fat-grass-animals-cat-kitten-baby-cute-748x468.jpg)
}
</style>
<body>
You have set the background image!
</body>
Posted by: Guest
on February-03-2020
4
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
*/
/* There are several ways of setting a background, like in HTML or CSS
(I advise you to set it in CSS) You can set a colour or image with
the same attribute: */
/* Setting the colour in a div, body, html (html is the whole page),
class, and id: */
div, body, html, .myClass, #myId {
background-color: grey;
}
/* Setting the image: */
div {
background: url("img.jpg");
}
/* If you want to call an image from a specific directory use a '/'.
For example, the image is in a folder called 'Images' (the HTML
and CSS files have to be in the same folder as the 'Images folder') */
div {
background: url("Images/img.jpg");
}
Posted by: Guest
on December-07-2020
Code answers related to "background for website css"
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
Check Your Email and Click on the link sent to your email