Css image background

Css background image

background-image: url("image.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;

147

How to add background in css

body {
 background-image: url("paper.gif");
 background-color: #cccccc;
}

How to set a image as a backgroung image

<style>
body {
  background-image: url('img_girl.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
</style>

Background image css

.wrapper {
    background: url('./images/homeBg.png') no-repeat;
    background-size: 100vw; 
    float: left;
    height: 100vw;
    width: 100vw;
}

Background image css

/* Fixed and aligned background image */

	background-image: url('https://sm.pcmag.com/pcmag_in/gallery/6/6-ways-to-/6-ways-to-improve-your-dual-monitor-setup_h96r.jpg');
    background-size: cover;
    background-position: center;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: right;
    text-align: center;
    padding: 0 20px;
    color: white;

Css image background

body {
 background-image: url("image url");
 background-size: 100%
}

Similar codes

0 vote145 views1 answer
The edit queue is full at the moment - try again in a few minutes!
CSS
0 vote161 views1 answer
Tailwind simple product card
CSS
45 votes182 views3 answers
Collapse all code vscode
CSS
0 vote147 views1 answer
List style type none still leaves room for bullet
CSS
0 vote165 views1 answer
Navbar css code
CSS
5 votes103 views1 answer
Bootstrap darkmode
CSS
0 vote157 views1 answer
How to horizontally center header at the top of page with flexbox css
CSS
22 votes368 views2 answers
React bootstrap carousal not working
CSS Bootstrap
48 votes154 views6 answers
Html font size
CSS
2 votes135 views5 answers
Figma
CSS