Background Images - background-repeat

pktcodes · pktcodes · commit ac2fec8d684c · 2022-11-05T15:02:29.000-05:00
diff --git a/styles.css b/styles.css
@@ -1,18 +1,26 @@
-/* Background Images*/
+/* background-repeat */
 
 div {
   height: 300px;
   color: white;
+  /* border: 2px solid red; */
 }
 
 .big-img {
   background: url("./big.jpeg");
+  background-repeat: no-repeat;
 }
 
 .small-img {
   background: url("./small.jpeg");
+  background-repeat: repeat-x;
+  background-repeat: repeat-y;
+  background-repeat: space;
+  background-repeat: round;
+  background-repeat: no-repeat;
 }
 
 .folder-img {
   background: url("./images/folder-img.jpeg");
+  background-repeat: no-repeat;
 }

Original file line number	Diff line number	Diff line change
`@@ -1,18 +1,26 @@`
`1`		`-/* Background Images*/`
	`1`	`+/* background-repeat */`
`2`	`2`
`3`	`3`	`div {`
`4`	`4`	`height: 300px;`
`5`	`5`	`color: white;`
	`6`	`+ /* border: 2px solid red; */`
`6`	`7`	`}`
`7`	`8`
`8`	`9`	`.big-img {`
`9`	`10`	`background: url("./big.jpeg");`
	`11`	`+ background-repeat: no-repeat;`
`10`	`12`	`}`
`11`	`13`
`12`	`14`	`.small-img {`
`13`	`15`	`background: url("./small.jpeg");`
	`16`	`+ background-repeat: repeat-x;`
	`17`	`+ background-repeat: repeat-y;`
	`18`	`+ background-repeat: space;`
	`19`	`+ background-repeat: round;`
	`20`	`+ background-repeat: no-repeat;`
`14`	`21`	`}`
`15`	`22`
`16`	`23`	`.folder-img {`
`17`	`24`	`background: url("./images/folder-img.jpeg");`
	`25`	`+ background-repeat: no-repeat;`
`18`	`26`	`}`