CSS是网页设计的重要组成部分，其中背景图片的运用可谓是使用CSS的重要技巧之一。

background-image: url("图片地址");
background-repeat: no-repeat;
background-size: cover;

上面这段代码就是使用CSS以图片作为背景的基本设置。其中，background-image用来指定图片地址，background-repeat用来设置是否平铺背景图案，no-repeat表示不平铺，而background-size设置背景图像尺寸，使用cover可铺满整个背景。

使用CSS以图片作为背景，可以制作出更加具有视觉冲击力的网页设计效果。比如，可以在网页的header中加入一张具有品牌特色的背景图片，让用户能够更好地记忆住该品牌。

header{
background-image: url("图片地址");
background-repeat: no-repeat;
background-size: cover;
height: 200px;
text-align: center;
color: #ffffff;
font-size: 28px;
font-weight: 600;
line-height: 200px;
}

上面这段代码就是一个header区域的例子。其中，height指定header高度为200px，text-align设置文字居中显示，color设置文字颜色为白色，font-size、font-weight、line-height设置字体大小、粗细和行高。最重要的是要使用background-image设置背景图像的地址。

总之，CSS以图片作为背景是网页设计中的一种重要技巧，可以大大提升网页的视觉效果，并让品牌更加突出。