Core Code
Core Code Modern Dev Handbook

CSS Background Shorthand

Use the background shorthand property to define multiple background properties in one line.

Preview

Code

<style>
.box{
background:#bfdbfe url(https://picsum.photos/200) no-repeat center;
height:200px;
}
</style>

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

More CSS Backgrounds Examples (7)

example CSS Background Color open example example CSS Background Image open example example CSS Background Repeat open example example CSS Background Position open example example CSS Background Size open example example CSS Multiple Backgrounds open example example CSS Gradient Background open example