1、创建了div后，我们需要为div添加样式。添加样式我们全部写在CSS文件中，并在html页面中引用。具体的样式入下图所示：我们首先使用了一张为regist.png的图片作为背景，将其设置为背景。将图片作为背景的具体代码入下图所示。
创新互联公司是一家专注于做网站、成都网站制作和成都服务器托管的网络公司，有着丰富的建站经验和案例。
2、CSS设置图像背景通过使用background-image属性，我们可以预先设置上传到服务器的图像作为背景。background-image： url(图像的路径)；在url中，输入要用作背景的图像文件的路径。
3、第一步，设置背景颜色，只要改变body的bgcolor属性，不过要注意颜色与文本颜色的搭配要协调清晰。
可以的，只要把它们用逗号隔开即可，如果你愿意，你甚至可以用多张图片与多个渐变进行复杂的效果叠加。
那么，今天我首先要在马海祥博客上跟大家分享的就是CSS3的Gradients（梯度渐变）。
CSS3渐变允许在两个或多个指定颜色之间显示平滑过渡。
上下渐变的图片做背景在背景重复的时候有明显的过渡不平滑，除非将图片设置css样式background： fixed；让背景不动。
第一个参数是渐变的方向，top是从上到下，至于left、right、bottom的效果很容易从top推倒出来我就不罗嗦了。
用css3实现背景渐变效果，可以丰富我们网页的内容，也提升用户视觉效果。当然更重要的是，提高用户体验！我们可以使用css3中的radial-gradient属性实现径向渐变效果。
图片渐变切图时一定要以最小为准则，例如在做垂直方向的纯颜色的渐变时，尝试使用1个像素的竖直图片作为渐变背景“最小单元”。另外，要注意css3虽然支持很多的浏览器的兼容，但是目前不支持Opera浏览器。
CSS3渐变允许在两个或多个指定颜色之间显示平滑过渡。
Linear Gradients（线性梯度渐变） 为元素盒模型填充线性渐变是最常用的。你只需要考虑渐变从哪个方向开始。据马海祥了解有两种方式可以去指定它。
首先，打开html编辑器，新建html文件，例如：index.html。