<h1>Ось, дивись, що ти можеш зробити тлом елемента.</h1><div class="img"><p>Тло картинкою</p></div>
  <div class="linear-gradient"><p>Тло лінійним градієнтом</p></div>
  <div class="radial-gradient"><p>Тло радіальним градієнтом</p></div>

div {
  width: 300px;
  height: 200px;
  margin: 25px auto;
  padding: 12px;
  border: 1px solid #1D212D;
  display:inline-block;
}

h1 {
  text-align: center;
}

p {
  color: #fff;
  text-align: center;
  font-size:23px;
}

.img {
  background-image: url("http://lorempixel.com/300/224/abstract/6");
  
}

.linear-gradient {
  background-image: linear-gradient(black, red);
}

.radial-gradient {
  background: radial-gradient(circle, black, white);
}