H5和CSS3的推出给前端开发带来了很多新的变化和挑战，在其中背景的处理也不例外。在H5和CSS3中，我们可以使用很多新的属性来制作漂亮的背景。

首先，我们可以使用CSS3中的渐变来制作背景。在CSS3中，有线性渐变和径向渐变两种方式。使用线性渐变，我们可以制作出从一种颜色过渡到另一种颜色的效果，而使用径向渐变则可以制作扩散出去的背景。以下是一个线性渐变的例子：

background-image: linear-gradient(to right, #ffafbd, #ffc3a0);

上述代码表示使用了线性渐变，方向是从左到右，开始颜色是#ffafbd，结束颜色是#ffc3a0。如果我们要制作径向渐变的背景，可以使用以下代码：

background-image: radial-gradient(circle, #ff1e53, #ffac41, #ff8c00);

这段代码表示我们制作了一个径向渐变，形状是圆形，开始颜色是#ff1e53，结束颜色是#ff8c00。

另外，我们还可以使用CSS3中的背景图案来制作背景。背景图案可以使用CSS3中的pattern属性来实现，以下是一个背景图案的例子：

background: #9b4dca url('pattern.png') repeat;

上述代码表示我们使用了一个紫色的背景色，并使用了pattern.png作为背景图案，重复展示。

总结来说，H5和CSS3提供了很多新的方式来制作背景，可以使用渐变、背景图案等方式来制作漂亮的背景，极大地提升了页面的美观性。