cavalrica
cavalrica
Programming language:CSS
2021-04-12 15:06:46
0
Q:

image cover css

Tofystedeth
Tofystedeth
Code: CSS
2021-04-23 10:27:37 
body {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
1
Viettungvuong
Viettungvuong
Code: CSS
2021-07-12 14:08:33 
body {
  margin: 0;
}
img {
  display: block;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}
1
xiaoqianqian
xiaoqianqian
Code: CSS
2021-02-22 12:25:45 
body {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
2
Robin Green
Robin Green
Code: CSS
2021-02-22 11:05:19 
<head>
<style>
#example1{
  border: 2px solid black;
  padding: 100px;
  background: url(mountain.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
</style>
</head>
<body>
<div id="example1">
</div>
</body>
0
Alan
Alan
Code: CSS
2021-02-22 11:08:10 
object-fit: cover;
6
Ahmed Taha
Ahmed Taha
Code: CSS
2021-01-31 16:25:35 

    #example1 {
  background: url(mountain.jpg);
  
    background-repeat: no-repeat;
  background-size: auto;

    }

#example2 {
  
    background: url(mountain.jpg);
  background-repeat: 
    no-repeat;
  background-size: 300px 100px;
}
-1

Tags

Related

New to Communities?

Join the community