CSS Dasar #6 : Background
-
Upload
sandhika-galih -
Category
Education
-
view
328 -
download
1
Transcript of CSS Dasar #6 : Background
![Page 1: CSS Dasar #6 : Background](https://reader031.fdokumen.com/reader031/viewer/2022030118/589ff35d1a28ab46598b50dd/html5/thumbnails/1.jpg)
backgroundCSS
![Page 2: CSS Dasar #6 : Background](https://reader031.fdokumen.com/reader031/viewer/2022030118/589ff35d1a28ab46598b50dd/html5/thumbnails/2.jpg)
Background
background-colormengatur warna pada background
background-imagemengatur gambar yang akan digunakan pada background
background-positionmengatur posisi gambar pada background
background-repeatmengatur jenis pengulangan gambar pada background
![Page 3: CSS Dasar #6 : Background](https://reader031.fdokumen.com/reader031/viewer/2022030118/589ff35d1a28ab46598b50dd/html5/thumbnails/3.jpg)
background-color
nama warna red, lightseagreen, royalblue, …
hexadecimal #ff0000, #20b2aa, #4169e1, …
rgb rgb(255,0,0), rgb(32,178,170), rgb(65,105,225), …
![Page 4: CSS Dasar #6 : Background](https://reader031.fdokumen.com/reader031/viewer/2022030118/589ff35d1a28ab46598b50dd/html5/thumbnails/4.jpg)
background-image
url
![Page 5: CSS Dasar #6 : Background](https://reader031.fdokumen.com/reader031/viewer/2022030118/589ff35d1a28ab46598b50dd/html5/thumbnails/5.jpg)
background-image
url
![Page 6: CSS Dasar #6 : Background](https://reader031.fdokumen.com/reader031/viewer/2022030118/589ff35d1a28ab46598b50dd/html5/thumbnails/6.jpg)
background-positiontop left
top center top right
center left center center center right bottom left
bottom center bottom right
x% y% x-pos y-pos
![Page 7: CSS Dasar #6 : Background](https://reader031.fdokumen.com/reader031/viewer/2022030118/589ff35d1a28ab46598b50dd/html5/thumbnails/7.jpg)
background-repeat
repeat repeat-x repeat-y
no-repeat
![Page 8: CSS Dasar #6 : Background](https://reader031.fdokumen.com/reader031/viewer/2022030118/589ff35d1a28ab46598b50dd/html5/thumbnails/8.jpg)
shorthand /CSS background
singkatan
![Page 9: CSS Dasar #6 : Background](https://reader031.fdokumen.com/reader031/viewer/2022030118/589ff35d1a28ab46598b50dd/html5/thumbnails/9.jpg)
background: color url() position repeat;
![Page 10: CSS Dasar #6 : Background](https://reader031.fdokumen.com/reader031/viewer/2022030118/589ff35d1a28ab46598b50dd/html5/thumbnails/10.jpg)
background: lightgreen url(bg.png) top left no-repeat;
![Page 11: CSS Dasar #6 : Background](https://reader031.fdokumen.com/reader031/viewer/2022030118/589ff35d1a28ab46598b50dd/html5/thumbnails/11.jpg)
like
subscribe
share
comment
channel YouTube : webProgrammingUNPAS