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 set div background image
body {
background-image: url("paper.gif");
background-color: #cccccc;
}
make image background of div
background-image: url("photographer.jpg");
background image html
<!-- Background images are better implemented in CSS -->
<!-- but here is how you could do it in HTML in a pinch -->
<head>
<style>
.background {
background-image: url(https://cleananddelicious.com/wp-content/uploads/2016/03/Avocad0-CD.jpg);
}
</style>
</head>
<body>
<div class=background>
<h1>The background of this div will be an avocado</h1>
</div>
</body>
add background image in css
.w {
background-image: url("images/tom1.png");
}
.a {
background-image: url("images/tom2.png");
}
.s {
background-image: url("images/tom3.png");
}
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