CSS3属性中的resize可以控制元素擢爻充种的大小，使用鼠标可以改变元素的宽度和高度。如果resize设置为“荏鱿胫协none”，代表不能调整元素的大小，如果是“both”，可以调整宽度和高度。下面利用一个实例说明resize属性的用法，操作如下：
工具/原料
CSS3
HTML5
HBuilder
浏览器
截图工具
方法/步骤
1、第一步，双击打开HBuilder编辑工具，新建静态页面resize.html，如下图所示：
2、第二步，在<body></body>元素内插入到div标签元素，并侑喏嵋甲插入一些文字内容，如下图所示：
3、第三步，使用div的ID选择器控制div样式属性，设置宽度为400px、高度为60px，r娣定撰钠esize为“both”，overflow为“auto”，如下图所示：
4、第四步，保存代表并预览该静态页面，可以查看到页面显示的效果，如下图所示：
5、第五步，修改div标签内文字内容的字体样式，设置背景，如下图所示：
6、第六步，设置文字渐变样式属性，颜色为yellow和blue，如下图所示：
