需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：
div{width:200pxheight:150pxbackground:linear-gradient(red,white)}
3、浏览器运行index.html页面，此时td中的div的背景颜色从红色到白色渐变。
1、 点击 DW 软件，进入界面点击左上角“文件”2、点击“新建”
3、点击“HTML”然后再点击“创建”
4、点击“CSS”然后再点击“创建”
5、点击“JavaScript”然后再点击“创建”
6、添加第四步创建的CSS。
7、在<body>之间写HTML元素。
8、在HTML元素后添加第五步的JavaScript。
9、在CSS中添加背景颜色、边框大小、模型盒子大小等各种样式。
10、在Javascript中添加各种动画效果。
11、在浏览器打开（改变各项大小就可以看到盒子的改变了）
