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;
div background image
#avatar {
/* This image is 687 wide by 1024 tall, similar to your aspect ratio */
background-image: url('http://i.stack.imgur.com/Dj7eP.jpg');
/* make a square container */
width: 150px;
height: 150px;
/* fill the container, preserving aspect ratio, and cropping to fit */
background-size: cover;
/* center the image vertically and horizontally */
background-position: top center;
/* round the edges to a circle with border radius 1/2 container size */
border-radius: 50%;
}
how to add background in css
body {
background-image: url("paper.gif");
background-color: #cccccc;
}
background image css
html,body {
background-image: url("your.picture");
}
background in css
/* 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");
}
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