Core Code
Core Code Modern Dev Handbook

Multiple Background Images

CSS allows multiple background images on a single element.

Preview

Code

<style>
.box{
width:200px;
height:120px;
background:
url("https://via.placeholder.com/40") top left no-repeat,
url("https://via.placeholder.com/40") bottom right no-repeat,
#e5e7eb;
}
</style>

<div class="box"></div>

More CSS Backgrounds Examples (8)

example Background Size open example example Background Size Contain open example example Background Origin open example example Background Clip open example example Background Position open example example Background Attachment Fixed open example example Gradient Background open example example Layered Background open example