运用css3制作和调整网页上图形的渐变效果。

1、【第一步】打开Dreamweaver cc  2014软件，选择建立html界面，里面自动生成一些必要代码的代码格式，不需再浪费时间去写。

2、【第二步】在body内输入“<div class="line"></div>”，先保存一下。

3、【第三步】body标签前或则head标签内键入：

<style>

  .line{

  width:300px;

  height:200px;

  background:-webkit-linear-gradient(top,red,blue);

  background:-moz-linear-gradient(top,red,blue);

  }

</style>

这里的line跟div里的line必须一样才能起作用，注意,<style>里的line对应。

4、【第四步】保存，在Dreamweaver界面摁住F12键，弹出页面，就可以看到的是矩形的渐变效果。

5、保存退出，完成。